@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Gilda+Display&family=Noto+Serif+TC:wght@200..900&display=swap";body{background-color:#000;font-family:Gilda Display,"Noto Serif TC",serif}a{color:#241f1c}button{font-family:Gilda Display,"Noto Serif TC",serif}.container{width:100%}.logoPeb{width:130px}.ball{--delay: 0s;--size: .4;--speed: 20s;position:fixed;top:0;left:0;z-index:0;width:calc(150% * var(--size));background:linear-gradient(259.53deg,#febbaf 6.53%,#aa8a44 95.34%);border-radius:50%;animation:loop var(--speed) infinite linear;opacity:.4;aspect-ratio:1;filter:blur(10vw);animation-delay:var(--delay);transform-origin:50% 50%}@keyframes loop{0%{transform:translate3d(0,51%,0) rotate(0)}5%{transform:translate3d(8%,31%,0) rotate(18deg)}10%{transform:translate3d(22%,13%,0) rotate(36deg)}15%{transform:translate3d(40%,2%,0) rotate(54deg)}20%{transform:translate3d(46%,21%,0) rotate(72deg)}25%{transform:translate3d(50%,47%,0) rotate(90deg)}30%{transform:translate3d(53%,80%,0) rotate(108deg)}35%{transform:translate3d(59%,98%,0) rotate(125deg)}40%{transform:translate3d(84%,89%,0) rotate(144deg)}45%{transform:translate3d(92%,68%,0) rotate(162deg)}50%{transform:translate3d(99%,47%,0) rotate(180deg)}55%{transform:translate3d(97%,21%,0) rotate(198deg)}60%{transform:translate3d(80%,7%,0) rotate(216deg)}65%{transform:translate3d(68%,25%,0) rotate(234deg)}70%{transform:translate3d(59%,41%,0) rotate(251deg)}75%{transform:translate3d(50%,63%,0) rotate(270deg)}80%{transform:translate3d(38%,78%,0) rotate(288deg)}85%{transform:translate3d(21%,92%,0) rotate(306deg)}90%{transform:translate3d(3%,79%,0) rotate(324deg)}to{transform:translate3d(0,51%,0) rotate(360deg)}}section{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;background:transparent;color:#211c19;text-transform:uppercase}.btnW{display:flex;position:relative;justify-content:center;align-items:center;width:250px;height:60px;background-color:transparent;border:solid 1px #fff;border-radius:4px;color:#fff;font-size:clamp(16px,1.25vw,20px);letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btnW:hover{transform:translateY(-1px)}.btnW img{position:absolute;right:24px;width:20px}.btnB{display:flex;position:relative;justify-content:center;align-items:center;width:250px;height:60px;background-color:#241f1c;border:solid 1px #241f1c;border-radius:4px;color:#fff;font-size:clamp(16px,1.25vw,20px);font-size:20px;letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btnB:hover{transform:translateY(-1px)}.btnGold{display:flex;position:relative;justify-content:center;align-items:center;width:250px;height:60px;background-color:#c5a654;border:solid 1px #c5a654;border-radius:4px;color:#000;font-size:clamp(16px,1.25vw,20px);font-size:20px;letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btnGold:hover{transform:translateY(-1px)}.btnBrown{display:flex;position:relative;justify-content:center;align-items:center;width:250px;height:60px;background-color:#6a4a2f;border:solid 1px #6a4a2f;border:none;border-radius:4px;color:#fff;font-size:clamp(16px,1.25vw,20px);font-size:20px;letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btnBrown img{position:absolute;right:24px}.btnDetailGold{display:flex;position:relative;justify-content:center;align-items:center;width:150px;height:50px;background-color:transparent;border:solid 1px #c5a654;border-radius:4px;color:#c5a654;font-size:14px;letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease;margin-top:12px}.btnDetailGold:hover{transform:translateY(-1px)}.btnDetail{display:flex;position:relative;justify-content:center;align-items:center;width:150px;height:50px;background-color:transparent;border:solid 1px #6a4a2f;border-radius:4px;color:#6a4a2f;font-size:14px;letter-spacing:.5px;transition:transform .2s ease,opacity .2s ease,background .2s ease;margin-top:12px}.btnDetail img{position:absolute;right:24px}.goTop{display:flex;position:fixed;right:16px;bottom:24px;z-index:30;justify-content:center;align-items:center;width:48px;height:48px;background-color:#6a4a2fb3;border:none;border-radius:50%;color:#fff;font-size:24px;line-height:1;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;opacity:0;transform:translateY(10px);cursor:pointer;visibility:hidden}.goTop.isShow{opacity:1;visibility:visible;transform:translateY(0)}@media (min-width: 769px){.goTop{display:none}}#kv .logo{position:absolute;top:32px;left:64px;z-index:4;width:auto;height:auto}@media (max-width: 780px){#kv .logo{top:5%;left:calc(50% - 101px);transform:translate(-5%,-50%)}}#kv .kvTitle{display:flex;position:absolute;top:50%;left:50%;z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;transform:translate(-50%,-50%);gap:24px}@media (max-width: 1600px){#kv .kvTitle img{max-width:300px}}@media (max-width: 780px){#kv .kvTitle img{max-width:250px}#kv .kvTitle{gap:16px;top:80%;left:50%;transform:translate(-50%,-80%)}}#kv .videoBg{position:relative;width:100%;height:100vh;overflow:hidden}#kv .videoBg .videoBgMedia{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}@media (max-width: 1000px){#kv .videoBg .videoBgMedia{display:none}}#kv .videoBg .videoBgMediaMobile{display:none;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}@media (max-width: 1000px){#kv .videoBg .videoBgMediaMobile{display:block}}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;vertical-align:baseline}a{text-decoration:none;color:inherit}:root{--bg: #e7e0d6;--card: #f8f4ef;--ink: #241f1c;--line: #8a7767;--accent: #b69a7a;--accent-dark: #8e7153;--white: #fff;--shadow: 0 12px 30px rgb(36 31 28 / 12%);--radius: 20px;--board-size: min(78vw, 760px);--gap: 16px;--cell-size: calc((var(--board-size) - (var(--gap) * 2)) / 3)}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:clamp(16px,1.25vw,20px);line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#jury{color:#fff}#jury .mainTop{display:flex;position:relative;z-index:3;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:680px;margin:0 auto;padding:32px;background:url(../images/judge-bg.jpg) center center no-repeat;background-size:cover;gap:32px}@media (max-width: 780px){#jury .mainTop{min-height:800px;gap:16px;background:url(../images/judge-bg-mobile.jpg) center center no-repeat;background-size:cover}}#jury .mainTop .mainTitle{font-size:clamp(42px,4vw,72px);line-height:1.15;text-align:center}@media (max-width: 500px){#jury .mainTop .mainTitle{max-width:300px}}#jury .mainTop .mainTitle .brrr{display:none}@media (max-width: 500px){#jury .mainTop .mainTitle .brrr{display:block}}#jury .mainTop .text{max-width:750px;font-weight:200;text-align:justify}@media (max-width: 1200px){#jury .mainTop .text{max-width:700px}}@media (max-width: 500px){#jury .mainTop .text{max-width:300px}}#jury .mainTop .judgeBtn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}#jury .mainBottom{display:flex;position:relative;z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#000;color:#fff}#jury .mainBottom .mainJudge{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;width:100%;max-width:1400px;max-height:0;overflow:hidden;transition:max-height .6s ease,opacity .4s ease,margin .4s ease,visibility .4s ease;opacity:0;gap:32px;visibility:hidden}@media (max-width: 1600px){#jury .mainBottom .mainJudge{max-width:1000px}}@media (max-width: 1200px){#jury .mainBottom .mainJudge{max-width:700px}}@media (max-width: 500px){#jury .mainBottom .mainJudge{max-width:300px;gap:16px}}#jury .mainBottom .mainJudge.active{margin:64px auto;opacity:1;visibility:visible}@media (max-width: 500px){#jury .mainBottom .mainJudge.active{margin:32px auto}}#jury .mainBottom .mainJudge .bigTitleJudge{margin:24px auto;color:#c5a654;font-size:clamp(28px,3vw,48px);text-align:center}#jury .mainBottom .mainJudge .boxJudge{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;height:auto;gap:32px}#jury .mainBottom .mainJudge .namecardJudge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:220px;height:auto}@media (max-width: 1200px){#jury .mainBottom .mainJudge .namecardJudge{width:150px}}@media (max-width: 500px){#jury .mainBottom .mainJudge .namecardJudge{max-width:130px}}#jury .mainBottom .mainJudge .namecardJudge img{width:100%}#jury .mainBottom .mainJudge .namecardJudge .nameJudge{margin:16px 0 0;text-align:center}#jury .mainBottom .mainJudge .namecardJudge .titleJudge{color:#bbb;font-size:14px;font-weight:200;text-align:center}#awardsVideo{display:none;padding:64px 0;background-color:#f8f0e8}@media (max-width: 1200px){#awardsVideo{padding:0}}#awardsVideo .videoWrap{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;aspect-ratio:16/9}#awardsVideo .videoWrap iframe{display:block;width:100%;height:100%;border:0}#prize .main{display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;max-width:1920px;margin:0 auto;padding:64px 32px;gap:64px}@media (max-width: 1200px){#prize .main{max-width:700px}}#prize .main .pic{display:flex;justify-content:space-between;align-items:center;width:auto;gap:128px}@media (max-width: 1600px){#prize .main .pic{max-width:1200px;gap:64px}}@media (max-width: 1200px){#prize .main .pic{gap:32px}}@media (max-width: 1000px){#prize .main .pic{flex-wrap:wrap;justify-content:center}}@media (max-width: 780px){#prize .main .pic{gap:16px}}@media (max-width: 1600px){#prize .main .pic img{max-width:500px}}@media (max-width: 1200px){#prize .main .pic img{max-width:300px}}@media (max-width: 1600px){#prize .main .pic .aPic{margin-top:96px}}@media (max-width: 1200px){#prize .main .pic .aPic{margin-top:0}}#prize .main .mainCenter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:750px;margin:0 auto;gap:24px;color:#fff}@media (max-width: 780px){#prize .main .mainCenter{max-width:300px;gap:16px}}#prize .main .mainCenter .mainTitle{font-size:clamp(42px,4vw,72px);line-height:1.15;text-align:center}#prize .main .mainCenter .text{font-weight:200;text-align:justify;margin-bottom:24px}#prize .main .prizeAll{width:100%;height:auto}#prize .main .prizeAll .swiper{display:flex;justify-content:center;align-items:center;width:80%;height:auto;padding:0 0 64px;gap:32px}@media (max-width: 1600px){#prize .main .prizeAll .swiper{max-width:1000px}}@media (max-width: 1200px){#prize .main .prizeAll .swiper{width:100%}}#prize .main .prizeAll .swiper-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(18px,1.6vw,24px);text-align:center;cursor:pointer}@media (max-width: 768px){#prize .main .prizeAll .swiper-slide{justify-content:flex-start}}#prize .main .prizeAll .swiper-slide .starMain{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}#prize .main .prizeAll .swiper-slide .starMain .stars{display:block;width:auto;height:14px}#prize .main .prizeAll .swiper-slide .starMain .starTitle{color:#c5a654;font-size:16px;font-weight:600}#prize .main .prizeAll .swiper-slide img{width:100%}#prize .main .prizeAll .swiper-slide .productMain{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f8f0e8;font-size:clamp(18px,1.6vw,24px);gap:12px}#prize .main .prizeAll .swiper-slide .productMain .name{min-height:108px;font-weight:600}#prize .main .prizeAll .swiper-pagination-bullet,#prize .main .prizeAll .swiper-pagination-bullet-active{background-color:#c5a654}#prizeAsia{background-color:#f8f0e8}#prizeAsia .main{display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;max-width:1920px;margin:0 auto;padding:64px 32px;gap:64px}@media (max-width: 1200px){#prizeAsia .main{max-width:700px}}#prizeAsia .main .pic{display:flex;justify-content:space-between;align-items:center;width:auto;gap:128px}@media (max-width: 1600px){#prizeAsia .main .pic{max-width:1200px;gap:64px}}@media (max-width: 1200px){#prizeAsia .main .pic{gap:32px}}@media (max-width: 1000px){#prizeAsia .main .pic{flex-wrap:wrap;justify-content:center}}@media (max-width: 780px){#prizeAsia .main .pic{gap:16px}}@media (max-width: 1600px){#prizeAsia .main .pic img{max-width:500px}}@media (max-width: 1200px){#prizeAsia .main .pic img{max-width:300px}}@media (max-width: 1600px){#prizeAsia .main .pic .aPic{margin-top:96px}}@media (max-width: 1200px){#prizeAsia .main .pic .aPic{margin-top:0}}#prizeAsia .main .mainCenter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:750px;margin:0 auto;gap:24px}@media (max-width: 780px){#prizeAsia .main .mainCenter{max-width:300px;gap:16px}}#prizeAsia .main .mainCenter .mainTitle{font-size:clamp(42px,4vw,72px);line-height:1.15;text-align:center}@media (max-width: 780px){#prizeAsia .main .mainCenter .mainTitle .tablebrrr{display:none}}#prizeAsia .main .mainCenter .text{font-weight:200;text-align:justify;margin-bottom:24px}#prizeAsia .main .prizeAll{width:100%;height:auto}#prizeAsia .main .prizeAll .swiper{width:80%;height:auto;padding:0 0 64px}@media (max-width: 1600px){#prizeAsia .main .prizeAll .swiper{max-width:1000px}}@media (max-width: 1200px){#prizeAsia .main .prizeAll .swiper{width:100%}}#prizeAsia .main .prizeAll .swiper-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(18px,1.6vw,24px);text-align:center;cursor:pointer}@media (max-width: 768px){#prizeAsia .main .prizeAll .swiper-slide{justify-content:flex-start;min-height:426px}}#prizeAsia .main .prizeAll .swiper-slide .starMain{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}#prizeAsia .main .prizeAll .swiper-slide .starMain .stars{display:block;width:auto;height:14px}#prizeAsia .main .prizeAll .swiper-slide .starMain .starTitle{color:#6a4a2f;font-size:16px;font-weight:600}#prizeAsia .main .prizeAll .swiper-slide img{width:100%}#prizeAsia .main .prizeAll .swiper-slide .productMain{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(18px,1.6vw,24px);gap:12px}#prizeAsia .main .prizeAll .swiper-slide .productMain .name{min-height:81px;font-weight:600}#prizeAsia .main .prizeAll .swiper-slide .productMain .brand{min-height:54px}#prizeAsia .main .prizeAll .swiper-pagination-bullet,#prizeAsia .main .prizeAll .swiper-pagination-bullet-active{background-color:#6a4a2f}.prizeLightBox{display:flex;position:fixed;z-index:50;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px;transition:opacity .35s ease,visibility .35s ease;opacity:0;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.prizeLightBox.isOpen{opacity:1;visibility:visible;pointer-events:auto}.prizeLightBox.isOpen .bgBlack{opacity:.75}.prizeLightBox.isOpen .mainPrizeWrap{opacity:1;transform:translateY(0) scale(1)}.prizeLightBox .bgBlack{position:absolute;z-index:1;background-color:#000;transition:opacity .35s ease;opacity:0;top:0;right:0;bottom:0;left:0}.prizeLightBox .mainPrizeWrap{position:relative;z-index:2;width:80%;max-width:1400px;transition:opacity .4s ease,transform .4s ease;opacity:0;transform:translateY(20px) scale(.98)}@media (max-width: 780px){.prizeLightBox .mainPrizeWrap{width:100%}}.prizeLightBox .lightBoxClose{position:absolute;top:-20px;right:-20px;z-index:4;width:48px;height:48px;background:#6a4a2fcc;border:none;border-radius:50%;color:#fff;font-size:30px;line-height:1;transition:transform .25s ease,opacity .25s ease;cursor:pointer}.prizeLightBox .lightBoxClose:hover{opacity:.85;transform:scale(1.08)}.prizeLightBox .mainPrize{display:flex;position:relative;z-index:3;justify-content:center;align-items:stretch;width:100%;min-height:500px;max-height:700px;transition:opacity .25s ease,transform .25s ease}@media (max-width: 1600px){.prizeLightBox .mainPrize{max-height:500px}}@media (max-width: 780px){.prizeLightBox .mainPrize{flex-direction:column;max-height:650px}}.prizeLightBox .mainPrize.isSwitching{opacity:0;transform:translateY(10px)}.prizeLightBox .mainPrize .productPic{display:flex;position:relative;justify-content:center;align-items:center;width:50%;background-color:#fff}@media (max-width: 780px){.prizeLightBox .mainPrize .productPic{width:100%}}.prizeLightBox .mainPrize .productPic .products{width:100%;max-width:420px}.prizeLightBox .mainPrize .productPic .arrowLeft,.prizeLightBox .mainPrize .productPic .arrowRight{position:absolute;top:50%;transition:transform .25s ease,opacity .25s ease;transform:translateY(-50%)}@media (max-width: 780px){.prizeLightBox .mainPrize .productPic .arrowLeft,.prizeLightBox .mainPrize .productPic .arrowRight{width:32px}}.prizeLightBox .mainPrize .productPic .arrowLeft,.prizeLightBox .mainPrize .productPic .arrowRight{cursor:pointer}.prizeLightBox .mainPrize .productPic .arrowLeft:hover,.prizeLightBox .mainPrize .productPic .arrowRight:hover{opacity:.8}.prizeLightBox .mainPrize .productPic .arrowLeft{left:12px}.prizeLightBox .mainPrize .productPic .arrowLeft:hover{transform:translateY(-50%) translate(-4px)}.prizeLightBox .mainPrize .productPic .arrowRight{right:12px}.prizeLightBox .mainPrize .productPic .arrowRight:hover{transform:translateY(-50%) translate(4px)}.prizeLightBox .mainPrize .productMain{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;width:50%;padding:64px 32px;overflow:scroll;background-color:#e0bda3;gap:16px}@media (max-width: 780px){.prizeLightBox .mainPrize .productMain{width:100%;padding:32px 24px}}.prizeLightBox .mainPrize .productMain .productPrize{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;color:#6a4a2f;font-weight:600;gap:12px}.prizeLightBox .mainPrize .productMain .productPrize img{width:50px}.prizeLightBox .mainPrize .productMain .productPrize p{font-size:clamp(18px,1.6vw,24px);text-align:center}.prizeLightBox .mainPrize .productMain .productTitle{width:100%;max-width:450px}.prizeLightBox .mainPrize .productMain .productTitle p{font-size:clamp(28px,4vw,40px);font-weight:700;text-align:center}.prizeLightBox .mainPrize .productMain .productReason{width:100%;max-width:450px}.prizeLightBox .mainPrize .productMain .productReason p{font-weight:200;line-height:1.8}.prizeLightBox .mainPrize .productMain .productJudge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;gap:32px}@media (max-width: 780px){.prizeLightBox .mainPrize .productMain .productJudge{gap:16px}}.prizeLightBox .mainPrize .productMain .productJudge .productJudgeTop{display:flex;justify-content:flex-start;align-items:flex-end;width:100%}.prizeLightBox .mainPrize .productMain .productJudge .productJudgeTop p{line-height:16px;margin-left:12px}.prizeLightBox .mainPrize .productMain .productJudgeBottom{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:450px;gap:12px}.prizeLightBox .mainPrize .productMain .productJudgeBottom .judgeSay{box-sizing:border-box;width:auto;padding:12px 24px;background-color:#fff;border-radius:4px}.prizeLightBox .mainPrize .productMain .productJudgeBottom .judgeSayB{box-sizing:border-box;width:auto;padding:12px 24px;background-color:#a67d63;border-radius:4px;color:#fff}#editorPicks{position:relative;background-color:#000}#editorPicks .main{display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;margin:0 auto;padding:64px 32px;gap:64px}@media (max-width: 780px){#editorPicks .main{gap:24px}}#editorPicks .main .mainCenter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:750px;margin:0 auto;gap:24px;color:#fff}@media (max-width: 1200px){#editorPicks .main .mainCenter{max-width:700px}}@media (max-width: 550px){#editorPicks .main .mainCenter{max-width:300px}}#editorPicks .main .mainCenter .mainTitle{font-size:clamp(42px,4vw,72px);line-height:1.15;text-align:center}#editorPicks .main .mainCenter .text{font-weight:200;text-align:justify}#editorPicks .main .editorPicks{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:1400px;gap:32px}@media (max-width: 1600px){#editorPicks .main .editorPicks{max-width:1000px}}@media (max-width: 1200px){#editorPicks .main .editorPicks{max-width:700px}}@media (max-width: 550px){#editorPicks .main .editorPicks{max-width:300px;gap:24px}}#editorPicks .main .editorPicks .editorPicksCard{display:flex;position:relative;flex-direction:column;justify-content:flex-start;align-items:center;width:425px;height:auto;background-color:#f8f0e8;transition:ease-in-out .2s;gap:16px}@media (max-width: 1600px){#editorPicks .main .editorPicks .editorPicksCard{width:310px}}@media (max-width: 1200px){#editorPicks .main .editorPicks .editorPicksCard{width:210px}}@media (max-width: 550px){#editorPicks .main .editorPicks .editorPicksCard{width:100%}}#editorPicks .main .editorPicks .editorPicksCard .more{color:#6a4a2f;font-size:14px;text-decoration:underline}#editorPicks .main .editorPicks .editorPicksCard:hover{scale:.95;background-color:#6a4a2f;color:#f8f0e8;transition:ease-in-out .2s}#editorPicks .main .editorPicks .editorPicksCard:hover .more{color:#f8f0e8}#editorPicks .main .editorPicks .editorPicksCard .editorPicksPic{width:100%;height:auto}#editorPicks .main .editorPicks .editorPicksCard .editorPicksMain{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;box-sizing:border-box;padding:0 24px 24px;gap:16px}#editorPicks .main .editorPicks .editorPicksCard .editorPicksMain .editorPicksTitle{width:100%;min-height:177px;font-size:clamp(18px,1.6vw,24px);font-weight:600;text-align:justify}@media (max-width: 780px){#editorPicks .main .editorPicks .editorPicksCard .editorPicksMain .editorPicksTitle{min-height:auto}}.btn{display:flex;justify-content:center;align-items:center;min-width:120px;padding:14px 24px;border:none;border-radius:4px;transition:transform .2s ease,opacity .2s ease,background .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn[disabled]{opacity:.4;transform:none;cursor:not-allowed}.btnPrimary{background:var(--ink);color:var(--white)}.btnSecondary{background:transparent;border:1px solid rgba(36,31,28,.16);color:var(--ink)}.btnGhost{background:#ffffffb3;border:1px solid rgba(36,31,28,.12);color:var(--ink)}.btnOutline{background:transparent;border:1px solid rgba(36,31,28,.6);color:var(--ink)}.gameSection{position:relative;z-index:3;width:100%;min-height:100vh;background:url(../images/game/bg.jpg) center center no-repeat;background-size:cover;color:var(--ink)}@media (max-width: 780px){.gameSection{min-height:800px}}.gameSectionInner,.gameIntroPanel,.gamePlayPanel{min-height:100vh}.gameIntroPanel{display:flex;justify-content:center;align-items:center;padding:40px 20px}.gameIntroPanel.isHidden{display:none}.introVisual{width:min(760px,100%);padding:20px;text-align:center}.introLogo{width:180px;height:auto;margin-bottom:20px}@media (max-width: 780px){.introLogo{width:120px}}.introTitle{margin:0 0 16px;font-size:clamp(42px,4vw,72px);line-height:1.15}.introDesc{max-width:760px;margin:0 auto 28px;line-height:1.9;text-align:left}@media (max-width: 1200px){.introDesc{max-width:600px}}@media (max-width: 550px){.introDesc{max-width:300px}}.introActions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.introNote{margin:0 auto;color:#241f1cb8;font-size:13px;line-height:1.8}@media (max-width: 550px){.introNote{max-width:300px;text-align:left}}.gamePlayPanel{display:none;padding:56px 20px 80px}.gamePlayPanel.isActive{display:flex;justify-content:center;align-items:center}.gameWrap{display:grid;align-items:start;width:min(1400px,100%);margin:0 auto;grid-template-columns:minmax(320px,1fr) minmax(320px,auto);gap:40px}@media (max-width: 1440px){.gameWrap{width:min(1000px,100%);grid-template-columns:minmax(400px,1fr) minmax(500px,auto);gap:32px}}@media (max-width: 780px){.gameWrap{justify-content:center;align-items:center;gap:24px}}.gameIntro{padding-top:12px}@media (max-width: 550px){.gameIntro{max-width:300px;margin:0 auto}}.gameTitle{margin:0 0 16px;font-size:clamp(42px,4vw,52px);text-align:center}.gameDesc{max-width:640px;margin:0 0 28px;color:#241f1cd1;font-size:17px;line-height:1.9}.questionPanel{padding:28px;background:#ffffffb8;border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.questionMeta{color:#241f1c9e;font-size:14px;letter-spacing:.04em;margin-bottom:16px}.questionText{min-height:96px;margin:0 0 24px;font-size:clamp(22px,2.2vw,30px);line-height:1.5}.questionActions{display:flex;gap:12px;flex-wrap:wrap}.gameStatus{display:flex;flex-wrap:wrap;color:#241f1cad;font-size:14px;margin-top:24px;gap:12px}.boardPanel{display:flex;justify-content:center}.boardWrap{position:relative;width:var(--board-size);height:var(--board-size)}.board{display:grid;position:relative;z-index:2;width:100%;height:100%;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.cell{position:relative;width:100%;height:var(--cell-size);perspective:1200px}.cell.isFlipped .cardInner{transform:rotateY(180deg)}.cell.isNo .cardFront{opacity:.48}.cardInner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s ease}.cardFace{position:absolute;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cardFront{display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:linear-gradient(180deg,#f7efe6,#ede3d6);border:1px solid rgba(36,31,28,.08)}@media (max-width: 550px){.cardFront{padding:8px}}.cardFrontTag{color:#241f1c7a;font-size:12px;letter-spacing:.08em}@media (max-width: 550px){.cardFrontTag{display:none}}.cardFrontTitle{margin:0;font-size:clamp(13px,1.4vw,18px);line-height:1.55;text-align:center}.cardFrontHint{color:#241f1c75;font-size:12px;text-align:center}.cardBack{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background:linear-gradient(180deg,#c9ad91,#a88563);color:var(--white);text-align:center;transform:rotateY(180deg)}@media (max-width: 550px){.cardBack{padding:8px}}.cardBackTitle{margin:0 0 8px;font-size:18px;line-height:1.4}@media (max-width: 550px){.cardBackTitle{padding:8px;font-size:14px}}.cardBackText{margin:0;font-size:12px;line-height:1.2;opacity:.92}.logoCell{display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at center,#fff,#f6eee5 58%,#e8d8c8);border-radius:50%;box-shadow:var(--shadow)}.logoCell img{display:block;width:58%;height:auto}.lineLayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.line{position:absolute;background:linear-gradient(90deg,#b69a7a1a,#b69a7af2,#b69a7a1a);box-shadow:0 0 18px #b69a7a47;transition:opacity .35s ease,transform .35s ease;opacity:0;transform-origin:center}.line.isActive{opacity:1}.lineHorizontal{left:12px;width:calc(var(--board-size) - 24px);height:6px}.lineVertical{top:12px;width:6px;height:calc(var(--board-size) - 24px)}.lineDiagonal{top:50%;left:50%;width:calc(var(--board-size) * 1.38);height:6px}.lineRow1{top:calc(var(--cell-size) / 2 - 3px)}.lineRow2{top:calc(var(--cell-size) + var(--gap) + var(--cell-size) / 2 - 3px)}.lineRow3{top:calc(var(--cell-size) * 2 + var(--gap) * 2 + var(--cell-size) / 2 - 3px)}.lineCol1{left:calc(var(--cell-size) / 2 - 3px)}.lineCol2{left:calc(var(--cell-size) + var(--gap) + var(--cell-size) / 2 - 3px)}.lineCol3{left:calc(var(--cell-size) * 2 + var(--gap) * 2 + var(--cell-size) / 2 - 3px)}.lineDia1{transform:translate(-50%,-50%) rotate(45deg)}.lineDia2{transform:translate(-50%,-50%) rotate(-45deg)}.modal{display:none;position:fixed;z-index:30;justify-content:center;align-items:center;padding:20px;background:#241f1c85;top:0;right:0;bottom:0;left:0}.modal.isOpen{display:flex}.modalCard{width:min(560px,100%);padding:32px 28px;background:#fff;border-radius:28px;box-shadow:0 24px 80px #0000002e;text-align:center}.modalEyebrow{margin:0 0 10px;color:#241f1c80;font-size:13px;letter-spacing:.08em}.modalTitle{margin:0 0 14px;font-size:clamp(28px,3vw,38px);line-height:1.25}.modalDesc{margin:0 0 20px;color:#241f1cc7;line-height:1.9}.resultMeta{margin:0 0 24px;color:#241f1c9e;font-size:15px}.resultRecommend{display:grid;align-items:center;margin:0 0 24px;padding:16px;background:#f8f4ef;border-radius:20px;text-align:left;grid-template-columns:140px 1fr;gap:16px}.resultRecommendPicWrap{width:100%;overflow:hidden;background:#fff;border-radius:16px}.resultRecommendPic{display:block;width:100%;height:auto}.resultRecommendInfo{display:flex;flex-direction:column;gap:8px}.resultRecommendLabel{margin:0;color:#241f1c7a;font-size:12px;letter-spacing:.08em}.resultRecommendName{margin:0;color:var(--ink);font-size:22px;line-height:1.4}.resultRecommendText{margin:0;color:#241f1cb8;font-size:15px;line-height:1.8}.modalActions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.modalCardRules{position:relative;z-index:9;max-height:600px;overflow:scroll;text-align:left}.modalClose{position:absolute;top:16px;right:16px;width:40px;height:40px;background:transparent;border:none;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}.rulesContent{display:flex;flex-direction:column;gap:20px;margin-top:20px}.rulesBlock{padding-bottom:20px;border-bottom:1px solid rgba(36,31,28,.08)}.rulesBlock:last-child{padding-bottom:0;border-bottom:none}.rulesTitle{margin:0 0 8px;color:var(--ink);font-size:22px;line-height:1.4}.rulesText{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0;color:#241f1cc7;line-height:1.9}.rulesText img{max-width:200px}@media (max-width: 1080px){.gameWrap{grid-template-columns:1fr}.questionText{min-height:auto}}@media (max-width: 640px){:root{--board-size: min(92vw, 300px);--gap: 10px}.gameIntroPanel{padding:32px 16px}.introTitle{font-size:clamp(42px,4vw,72px)}.introDesc{font-size:17px;line-height:1.85}.gamePlayPanel{padding:32px 16px 56px}.questionPanel{padding:22px 18px;border-radius:22px}.questionActions{display:grid;grid-template-columns:1fr 1fr}.modalCard{max-height:600px;padding:28px 20px;overflow:scroll}.resultRecommend{grid-template-columns:1fr;text-align:center}.resultRecommendPicWrap{max-width:220px;margin:0 auto}.modalActions{display:grid;grid-template-columns:1fr}}.footer{position:relative;z-index:8;width:100%;height:auto;padding:24px 0;background-color:#000}.footer .mainFooter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;gap:24px}@media (max-width: 1450px){.footer .mainFooter{max-width:1200px}}@media (max-width: 780px){.footer .mainFooter{justify-content:center;max-width:300px}}.footer .mainFooter #footerLogo{display:block;max-width:125px;height:auto}.footer .mainFooter .socialMedia{display:flex;justify-content:center;align-items:center;gap:16px}.footer .mainFooter .socialMedia img{width:100%;max-width:24px;opacity:.7}.footer .mainFooter p{color:#f0f0f0;font-size:11px;text-align:center}.progress{position:fixed;top:50%;right:75px;z-index:20;transform:translateY(-50%);mix-blend-mode:difference}@media (max-width: 1600px){.progress{right:40px}}@media (max-width: 1000px){.progress{display:none}}.progress .sideline{position:absolute;top:10px;left:-25px;width:4px;height:0;background:#fff;border-radius:20px}.progress ul{display:flex;position:relative;justify-content:space-around;align-items:flex-start;height:auto;margin:0;padding:0;flex-flow:column;list-style:none}.progress ul li{position:relative;z-index:1;margin:12px 0}.progress ul li a{color:#fff;letter-spacing:1px;transition:opacity .3s ease;opacity:.45;text-decoration:none}.progress ul li a:hover,.progress ul li a.current{opacity:1}.mobileMenuBtn,.mobileMenu{display:none}@media (max-width: 768px){.mobileMenuBtn{display:flex;position:fixed;top:20px;right:16px;z-index:1200;justify-content:center;align-items:center;width:52px;height:52px;padding:0;background:#ffffff1a;border:0;border-radius:50%;box-shadow:0 8px 24px #0000001f;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileMenuBtn img{display:block;width:22px;height:22px}.mobileMenu{display:block;position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;pointer-events:none}.mobileMenuOverlay{position:absolute;background:#00000061;border:0;transition:opacity .35s ease;opacity:0;cursor:pointer;top:0;right:0;bottom:0;left:0}.mobileMenuPanel{display:flex;position:absolute;top:0;right:0;flex-direction:column;width:min(82vw,340px);height:100dvh;padding:24px 20px 32px;background:#ffffff1a;box-shadow:-16px 0 40px #00000024;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s ease;transform:translate(100%)}.mobileMenuHead{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.mobileMenuHead p{margin:0;color:#fff;font-size:.85rem;letter-spacing:.16em}.mobileMenuClose{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:transparent;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.mobileMenuList{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;gap:4px}.mobileMenuList li img{max-width:100px;margin-top:64px}.mobileMenuLink{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;font-size:1rem;line-height:1.5;text-decoration:none;letter-spacing:.03em}.mobileMenu.isOpen{pointer-events:auto}.mobileMenu.isOpen .mobileMenuOverlay{opacity:1}.mobileMenu.isOpen .mobileMenuPanel{transform:translate(0)}body.menuOpen{overflow:hidden}}.loading{display:flex;position:fixed;top:0;left:0;z-index:99999;justify-content:center;align-items:center;width:100%;height:100dvh;background-color:#000;pointer-events:none}.loading .pic{width:130px;margin:0 auto 36px;transition:transform .5s,opacity .5s;animation:pic 1.1s linear backwards}.loading p{color:#fff;font-size:3.6rem;font-weight:400;letter-spacing:.05em;text-align:center;transition:transform .5s,opacity .5s}.loading p span{display:inline-block;animation:txt 1s linear backwards}@media screen and (max-width: 768px){.loading .pic{width:100px;margin:0 auto 20px}.loading p{width:300px;font-size:2.6rem;line-height:1.2}}.loading p .visible{opacity:1}.hidden{transition:opacity 1s;opacity:0}.hidden .pic{opacity:0;transform:scale(.1)}.hidden p{opacity:0;transform:scale(5)}@keyframes txt{0%{opacity:0;transform:translate(1em)}50%{transform:translate(0)}to{opacity:1}}@keyframes pic{0%{opacity:.1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}