.brand-hero .hero-copy h1{font-size:68px}.brand-hero-actions{display:flex;gap:22px;align-items:center}.brand-hero-actions>.text-link{font-size:12px}.brand-showcase{display:block;background:#eff6ff;position:relative;overflow:hidden;border:1px solid #d5e6ff;box-shadow:16px 16px 0 #f5f9ff;transition:transform .5s,box-shadow .5s}.brand-showcase:hover{transform:translateY(-5px);box-shadow:20px 24px 0 #edf5ff}.showcase-top{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #d5e6ff;font:9px Consolas;letter-spacing:.08em;color:#597ba9}.brand-scene{position:relative;height:450px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#fff 0,#eef6ff 60%);overflow:hidden}.scene-word{font:900 italic 118px/.85 Arial;letter-spacing:-9px;color:#245deb;transform:rotate(-7deg);z-index:2;filter:drop-shadow(0 12px 0 #d6e6ff);transition:transform .8s}.scene-word>span{color:#123b72}.scene-word small{display:block;font:500 13px/1.6 "Microsoft JhengHei",sans-serif;letter-spacing:5px;text-align:center;margin-top:28px;color:#597ba9}.scene-ring{position:absolute;width:360px;height:360px;border:1px solid #c9dfff;border-radius:50%;transition:transform 1s}.ring-two{width:285px;height:285px;border-style:dashed;animation:brand-orbit 45s linear infinite}.ring-one:before{content:'';position:absolute;left:28px;top:65px;width:13px;height:13px;border-radius:50%;background:#4f95f8;box-shadow:290px 190px 0 #98c8ff}.brand-showcase:hover .scene-word{transform:rotate(-3deg) scale(1.04)}.brand-showcase:hover .ring-one{transform:rotate(30deg)}.scene-star{position:absolute;right:65px;top:48px;font-size:35px;color:#5999f4;animation:brand-float 5s ease-in-out infinite}.scene-label{position:absolute;z-index:3;padding:8px 16px;background:#fff;border:1px solid #cfe2ff;font-size:11px;box-shadow:0 7px 18px #245deb0a;animation:brand-float 6s ease-in-out infinite}.label-one{top:65px;left:40px;transform:rotate(-7deg)}.label-two{right:28px;top:195px;animation-delay:-2s}.label-three{bottom:45px;left:80px;animation-delay:-4s}.showcase-bottom{display:flex;justify-content:space-between;padding:22px 24px;background:#123b72;color:white;align-items:center;gap:15px}.showcase-bottom>span{font:8px Consolas;color:#bad7ff;letter-spacing:.08em}.showcase-bottom>b{font-size:14px;font-weight:500}.brand-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid #b6ceec;border-bottom:1px solid #d9e5f5;padding:45px 0}.brand-overview h2{font-size:35px;margin-top:18px}.brand-overview p{font-size:16px;line-height:1.95;color:#60758e;margin-bottom:15px}.brand-games{padding:65px 0}.game-intro p{font-size:13px;color:#60758e;margin:0 0 25px}.game-intro h2{margin:20px 0}.game-intro>div{margin-top:auto}.game-intro{display:flex;flex-direction:column}.brand-games-page{margin-top:35px}.brand-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0}.brand-conditions>section{padding:28px;background:#f2f7ff;border-top:2px solid #245deb}.brand-conditions>section>span{font:48px Georgia;color:#a7c5ed}.brand-conditions h2{font-size:24px;margin:20px 0 12px}.brand-conditions p{font-size:14px;color:#60758e}.brand-faq{max-width:850px;margin:35px auto}.brand-faq details p{font-size:15px}.brand-faq summary{font-size:18px}.brand-hero .hero-footnote{position:static;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.brand-hero .hero-footnote>span:last-child{font-size:11px}.brand-hero .hero-footnote>span:first-child{font-size:30px}.brand-hero .issue-line>span:last-child{font-size:10px}@keyframes brand-orbit{to{transform:rotate(360deg)}}@keyframes brand-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1100px){.brand-hero .hero-copy h1{font-size:52px}.brand-scene{height:380px}.scene-word{font-size:91px;letter-spacing:-7px}.scene-ring{width:300px;height:300px}.ring-two{width:235px;height:235px}.ring-one:before{box-shadow:230px 155px 0 #98c8ff}.label-one{left:20px}.label-two{right:15px}.label-three{left:45px}.showcase-bottom{display:block}.showcase-bottom>b{display:block;margin-top:8px}.showcase-top{font-size:8px;padding:17px}.showcase-top>span:last-child{display:none}.brand-hero-actions{gap:14px}.brand-hero-actions>.text-link{font-size:11px}.brand-overview{gap:40px}}
@media(max-width:800px){.brand-hero .hero-copy h1{font-size:43px}.brand-hero-actions{display:block}.brand-hero-actions>.text-link{display:block;margin-top:15px}.brand-scene{height:340px}.scene-word{font-size:73px;letter-spacing:-5px}.scene-word small{font-size:10px;letter-spacing:2px}.scene-ring{width:230px;height:230px}.ring-two{width:180px;height:180px}.ring-one:before{box-shadow:160px 110px 0 #98c8ff}.scene-label{font-size:9px;padding:6px 9px}.scene-star{right:30px;top:40px}.label-one{left:15px;top:55px}.label-two{right:10px;top:170px}.label-three{bottom:40px;left:30px}.showcase-bottom{padding:16px}.brand-overview{grid-template-columns:1fr;gap:20px;padding:35px 0}.brand-overview h2{font-size:30px;margin-top:10px}.brand-overview p{font-size:14px}.brand-games{padding:40px 0}.brand-conditions{gap:15px}.brand-conditions>section{padding:20px}.brand-conditions h2{font-size:21px}.brand-conditions p{font-size:13px}}
@media(max-width:520px){.brand-hero .hero-copy h1{font-size:47px;letter-spacing:-.06em}.brand-hero-actions{display:flex;gap:20px}.brand-hero-actions>.text-link{display:inline;margin:0;font-size:11px}.brand-hero-actions>.button{font-size:12px}.brand-hero .hero-footnote{margin-top:22px;padding-top:17px;gap:15px}.brand-hero .hero-footnote>span:first-child{font-size:27px}.brand-hero .hero-footnote>span:last-child{font-size:10px}.brand-showcase{box-shadow:8px 8px 0 #f5f9ff}.brand-scene{height:330px}.scene-word{font-size:89px;letter-spacing:-6px}.scene-word small{font-size:10px}.scene-ring{width:275px;height:275px}.ring-two{width:215px;height:215px}.ring-one:before{box-shadow:208px 140px 0 #98c8ff}.label-one{top:40px;left:20px}.label-two{top:155px;right:12px}.label-three{bottom:35px;left:45px}.showcase-top{font-size:9px}.showcase-bottom{display:flex;padding:18px}.showcase-bottom>b{font-size:12px;margin:0}.showcase-bottom>span{font-size:7px}.game-intro h2{font-size:20px;line-height:1.6}.game-intro h2>span{display:block;margin-bottom:8px}.game-intro p{font-size:12px;line-height:1.8}.game-intro>div>span{font-size:9px}.game-intro>div>b{font-size:20px}.brand-overview h2{font-size:29px}.brand-conditions{grid-template-columns:1fr;margin:30px 0}.brand-conditions>section{padding:25px}.brand-conditions h2{margin:12px 0}.brand-faq summary{font-size:16px}.brand-faq details p{font-size:14px}.brand-games .directory-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.brand-showcase:hover,.brand-showcase:hover .scene-word,.brand-showcase:hover .ring-one{transform:none}}