.medal-promo-wrap{max-width:1160px;margin:28px auto 0;padding:0}.medal-promo{position:relative;display:block;min-height:470px;isolation:isolate;overflow:hidden;border-radius:14px;border:1px solid #b79347;background:radial-gradient(ellipse at 85% 30%,#234f49aa,transparent 55%),radial-gradient(ellipse at 55% 100%,#7f552535,transparent 55%),#07182a;color:#fff7e1;box-shadow:0 14px 34px #1f35291c;text-decoration:none}.medal-promo:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#9b7025,#ffe7a4 40%,#b58b3d)}.medal-promo-art{position:absolute;inset:0 0 0 46%;z-index:0}.medal-game-screen{position:absolute;width:390px;border:1px solid #dac27b99;border-radius:9px;overflow:hidden;background:#101d24;box-shadow:0 14px 30px #0007;transition:transform .3s}.medal-uma-screen{top:23px;right:70px;transform:rotate(-5deg)}.medal-mystic-screen{top:202px;right:24px;transform:rotate(4deg)}.medal-game-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.medal-screen-bar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#101c26;color:#f3dd97}.medal-screen-bar b{font:700 14px 'Barlow Condensed',Arial,sans-serif}.medal-screen-bar span{font-size:7px;color:#d4d5c6}.medal-mystic-screen .medal-screen-bar{background:#11382d}.medal-promo-image-note{position:absolute;right:24px;bottom:12px;z-index:1;color:#c2d3c5;font-size:8px;letter-spacing:.07em}.medal-promo-copy{padding:34px 39px;position:relative;z-index:1;max-width:530px;pointer-events:none}.medal-promo-eyebrow{display:block;color:#efcc7a;letter-spacing:2px;font:700 10px 'Noto Sans JP',sans-serif}.medal-promo h2{font-size:37px;line-height:1.48;letter-spacing:-1px;margin:17px 0 14px;color:#fff8e8}.medal-promo h2 strong{color:#ffe39b;font-weight:900}.medal-promo p{color:#e0e4e7;font-size:11px;font-weight:500;line-height:2;margin:0 0 16px}.medal-promo-games{display:flex;gap:18px;margin:0 0 22px}.medal-promo-games>span{display:flex;align-items:baseline;gap:6px}.medal-promo-games b{color:#ffdc86;font:700 16px 'Barlow Condensed',Arial,sans-serif}.medal-promo-games small{color:#dce4e6;font-size:8px}.medal-promo-button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#f9e6a8,#efbc58);padding:14px 19px;border:1px solid #ffedb5;border-radius:6px;color:#302716;box-shadow:0 3px 0 #9b6d29;font-size:12px;font-weight:900;transition:background .2s,transform .2s}.medal-promo-button b{font-size:23px;line-height:1;font-weight:500}.medal-promo-foot{display:block;font-size:8px;letter-spacing:.02em;color:#ccd4dc;margin-top:16px}.medal-promo-foot i{font-style:normal;margin:0 4px;color:#b79c67}.medal-promo:hover .medal-uma-screen{transform:rotate(-3deg) translateY(-3px)}.medal-promo:hover .medal-mystic-screen{transform:rotate(2deg) translateY(-3px)}.medal-promo:hover .medal-promo-button{transform:translateY(-2px);background:#ffe9a9}.medal-promo:focus-visible{outline:3px solid #9c7021;outline-offset:5px}
@media(max-width:1200px){.medal-promo-wrap{margin-left:30px;margin-right:30px}.medal-promo-copy{max-width:500px}.medal-game-screen{width:350px}.medal-uma-screen{right:45px}.medal-mystic-screen{right:16px;top:208px}}@media(max-width:950px){.medal-promo-copy{max-width:450px;padding:30px}.medal-promo h2{font-size:33px}.medal-promo-art{left:52%}.medal-game-screen{width:295px}.medal-uma-screen{top:30px;right:35px}.medal-mystic-screen{top:212px;right:12px}}
@media(max-width:700px){.medal-promo-wrap{margin:20px 20px 0}.medal-promo{min-height:0;display:flex;flex-direction:column}.medal-promo-art{position:relative;inset:auto;z-index:0;height:266px;flex:none}.medal-game-screen{width:74%;max-width:340px;border-radius:6px}.medal-uma-screen{top:22px;left:14px;right:auto}.medal-mystic-screen{top:107px;right:12px}.medal-screen-bar{height:22px;padding:0 9px}.medal-screen-bar b{font-size:12px}.medal-screen-bar span{font-size:6px}.medal-promo-copy{max-width:none;padding:5px 24px 26px}.medal-promo-eyebrow{font-size:8px;letter-spacing:1.6px}.medal-promo h2{font-size:30px;margin:13px 0 12px;line-height:1.5}.medal-promo h2 br{display:none}.medal-promo h2 strong{display:block}.medal-promo p{font-size:10px;line-height:2}.medal-promo-games{gap:15px;margin-bottom:21px;flex-wrap:wrap}.medal-promo-games>span{gap:6px}.medal-promo-games b{font-size:16px}.medal-promo-games small{font-size:8px}.medal-promo-button{width:100%;font-size:11px;padding:14px 14px;gap:10px}.medal-promo-foot{font-size:7px;line-height:1.9;margin-top:14px;letter-spacing:0}.medal-promo-foot i{margin:0 3px}.medal-promo-image-note{font-size:7px;bottom:5px;right:14px;color:#c2d3c5}}@media(min-width:460px) and (max-width:700px){.medal-promo-art{height:320px}.medal-mystic-screen{top:140px}}@media(prefers-reduced-motion:reduce){.medal-game-screen,.medal-promo-button{transition:none}}