#mypage-dialog{width:min(620px,calc(100vw - 32px));padding:85px 32px 25px;box-sizing:border-box;overflow:visible}
#mypage-dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(740px,calc(100dvh - 170px));margin:110px auto 30px;top:0;bottom:0}
#mypage-dialog .mypage-title{position:absolute;left:50%;transform:translateX(-50%);width:520px;max-width:calc(100% - 36px);height:144px;top:-72px;margin:0;padding:0!important;border:0;border-radius:0;box-shadow:none;background:transparent url('/assets/reference/mypage-heading.png') center/100% 100% no-repeat!important;overflow:visible;color:#fff;font-size:24px!important;text-shadow:0 3px 0 #d75147}
.mypage-title>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;line-height:1.2;text-align:center}
.mypage-title img{position:absolute;width:155px;height:155px;left:65px;top:50%;transform:translateY(calc(-50% - 8px));object-fit:contain;object-position:center;filter:drop-shadow(0 3px 2px #a53b3a55)}
.mypage-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 10px 8px 6px;scrollbar-width:thin;scrollbar-color:#eeae81 #fff3e5}
.mypage-preview{display:grid;grid-template-columns:90px 1fr;grid-template-rows:1fr 1fr;gap:0 18px;align-items:center;margin:0 0 16px}
.mypage-avatar-frame{grid-row:1/3;width:90px;height:90px;box-sizing:border-box;border:3px solid #fff;border-radius:50%;background:#fff1d9;box-shadow:0 3px 0 #e6b391;overflow:hidden;display:grid;place-items:center}
.mypage-preview img{display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.mypage-preview strong{align-self:end;text-align:left;font-size:20px}.mypage-preview small{align-self:start;text-align:left;margin-top:8px;color:#a57858}
.mypage-dialog label{font-weight:900}.mypage-nickname-row{display:flex;gap:10px;align-items:center;margin:10px 0}
.mypage-nickname-row input{flex:1;min-width:0;height:54px;box-sizing:border-box;border:2px solid #ebc9a7;border-radius:18px;background:#fffdfa;color:#603c2a;font-family:inherit;font-size:17px;padding:12px 15px}
.mypage-neutral{display:flex;align-items:center;justify-content:center;height:54px;min-height:54px;padding:0 14px 3px;line-height:1;border:0;border-radius:0;background:transparent url('/assets/reference/button-neutral.png') center/100% 100% no-repeat;color:#6e452e;box-shadow:none;font-family:inherit;font-weight:900;font-size:14px;cursor:pointer}
.mypage-neutral:disabled{opacity:.55;cursor:default}.mypage-neutral:focus-visible,.mypage-presets button:focus-visible{outline:3px solid #f69c58;outline-offset:3px}
.mypage-nickname-row .mypage-save{width:126px;flex:0 0 126px}
#mypage-status{font-size:12px;line-height:1.65;min-height:20px;color:#a44732;margin:6px 0 12px}
.mypage-images{border-top:2px solid #f2dac1;padding-top:8px}.mypage-images h3{font-size:17px;margin:15px 0 10px}.mypage-images h3:first-child{display:none}
.mypage-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mypage-presets button{display:flex;align-items:center;justify-content:center;height:128px;box-sizing:border-box;border:3px solid #fff;border-radius:22px;background:#fff3dc;padding:8px;cursor:pointer;box-shadow:0 3px 0 #e7bc92}
.mypage-presets button[aria-pressed=true]{border-color:#ff7c5e;background:#ffdfaf}.mypage-presets img{display:block;width:105px;height:105px;max-width:100%;flex:none;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.mypage-footer{display:flex;justify-content:center;gap:18px;align-items:center;padding-top:16px;border-top:1px solid #efd8bf}.mypage-footer>button,.mypage-footer form,.mypage-footer form button{width:180px;flex:none;margin:0}.mypage-footer .mypage-neutral{height:65px;min-height:65px;padding-bottom:4px}
.ref-profile{background:linear-gradient(145deg,#c4f1ff,#288fff)!important;border:2px solid #fff8df!important;border-radius:50%!important;padding:4px!important;box-sizing:border-box;box-shadow:0 3px 0 #267ac1,0 0 0 2px #6dc9ff!important;overflow:hidden}
.ref-profile img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;border:2px solid #fff!important;border-radius:50%!important;background:#fff5e8!important;box-sizing:border-box;mix-blend-mode:multiply}
@media(max-width:700px){#mypage-dialog{padding:66px 19px 20px;width:calc(100vw - 30px)}#mypage-dialog[open]{height:calc(100dvh - 125px);margin:85px auto 25px}#mypage-dialog .mypage-title{width:310px;max-width:calc(100% - 16px);height:86px;top:-43px;font-size:18px!important}.mypage-title img{width:105px;height:105px;left:35px;transform:translateY(calc(-50% - 6px))}.mypage-title>span{width:46%}.mypage-preview{grid-template-columns:72px 1fr;gap:0 12px}.mypage-avatar-frame{width:72px;height:72px}.mypage-preview strong{font-size:17px}.mypage-neutral{height:49px;min-height:49px;padding:0 10px 3px;font-size:12px}.mypage-nickname-row{gap:7px}.mypage-nickname-row input{height:49px;font-size:14px;padding:10px}.mypage-nickname-row .mypage-save{width:96px;flex-basis:96px}.mypage-presets{gap:8px}.mypage-presets button{height:98px;padding:4px;border-radius:17px}.mypage-presets img{width:78px;height:78px}.mypage-footer{gap:12px}.mypage-footer>button,.mypage-footer form,.mypage-footer form button{width:130px}.mypage-footer .mypage-neutral{height:49px;min-height:49px;padding-bottom:3px}}
@media(max-height:600px) and (min-width:701px){#mypage-dialog[open]{height:calc(100dvh - 115px);margin:85px auto 20px}#mypage-dialog{padding-top:62px;padding-bottom:16px}#mypage-dialog .mypage-title{height:106px;top:-53px;width:385px}.mypage-title img{width:120px;height:120px;left:42px}.mypage-footer{padding-top:10px}.mypage-footer .mypage-neutral{height:49px;min-height:49px;width:140px}.mypage-footer form{width:140px}}

#mypage-dialog .mypage-title{background-size:100% auto!important}

.mypage-title img{left:55px}.mypage-title>span{font-size:22px}@media(max-width:700px){.mypage-title img{left:12px;width:100px;height:105px}.mypage-title>span{font-size:18px}}

@media(max-height:600px) and (min-width:701px){.mypage-title img{left:20px;width:110px;height:110px}}

.mypage-title>span{width:145px;max-width:145px;text-wrap:balance;overflow-wrap:normal}.mypage-title img{left:30px}@media(max-width:700px){.mypage-title>span{width:110px;max-width:110px}.mypage-title img{left:8px;width:92px;height:105px}}@media(max-height:600px) and (min-width:701px){.mypage-title img{left:12px;width:100px;height:110px}}

.mypage-title img{left:24px}@media(max-width:700px){.mypage-title img{left:2px}}@media(max-height:600px) and (min-width:701px){.mypage-title img{left:12px}}

.ref-profile-art{display:block!important;width:100%!important;height:100%!important;min-width:0;min-height:0;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#fffaf2;box-sizing:border-box;isolation:isolate}.ref-profile .ref-profile-art img{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#fff!important;mix-blend-mode:normal!important;object-fit:contain!important;transform:scale(1.25);transform-origin:center;box-shadow:none!important}

/* Reuse original common popup pixels; do not regenerate the banner. */
#mypage-dialog .mypage-title{background:none!important;isolation:isolate}
.mypage-title::before,.mypage-title::after{content:'';position:absolute;top:0;width:50%;height:100%;background:url('/assets/reference/badminton-heading.png') right center/200% 100% no-repeat;z-index:0;pointer-events:none}
.mypage-title::before{left:0;transform:scaleX(-1)}.mypage-title::after{right:0}.mypage-title>img,.mypage-title>span{z-index:1}

/* Match the common banner's content area, rather than centering over decorations.
   Desktop common content: x=220..420, y=22..132. Mobile: x=130..256, y=16..77.
   Mascot offset accounts for its visible body and the satellite above it. */
#mypage-dialog .mypage-title{display:grid;grid-template-columns:42.3077% 38.4615% 19.2308%;grid-template-rows:22px 1fr 12px}
.mypage-title>span{position:static;grid-column:2;grid-row:2;align-self:center;justify-self:center;transform:none;width:100%;max-width:none;font-size:24px;line-height:1.2}
.mypage-title img{left:24px;top:5px;width:155px;height:155px;transform:none}
@media(max-width:700px){#mypage-dialog .mypage-title{grid-template-columns:41.9355% 40.6452% 17.4193%;grid-template-rows:16px 1fr 9px}.mypage-title>span{font-size:18px}.mypage-title img{left:2px;top:0;width:92px;height:105px;transform:none}}
@media(max-height:600px) and (min-width:701px){#mypage-dialog .mypage-title{grid-template-columns:41.9355% 40.6452% 17.4193%;grid-template-rows:16px 1fr 9px}.mypage-title>span{font-size:20px}.mypage-title img{left:12px;top:3px;width:100px;height:110px;transform:none}}

/* Keep the original left star visible; reserve x=105..220 for the mascot. */
.mypage-title img{left:105px;top:6px;width:115px;height:132px}
@media(max-width:700px){.mypage-title img{left:61px;top:4px;width:69px;height:79px}}
@media(max-height:600px) and (min-width:701px){.mypage-title img{left:76px;top:5px;width:85px;height:97px}}

.ticket-heading-icon{display:none}
#info-dialog[data-kind=tickets]{width:min(620px,calc(100vw - 32px));box-sizing:border-box;padding-top:85px}
#info-dialog[data-kind=tickets] #info-title{width:520px;max-width:calc(100% - 36px);height:auto;aspect-ratio:1300/367;top:-72px;padding:0!important;background:none!important;isolation:isolate;display:grid;grid-template-columns:42.3077% 38.4615% 19.2308%;grid-template-rows:22px 1fr 12px}
#info-dialog[data-kind=tickets] #info-title::before,#info-dialog[data-kind=tickets] #info-title::after{content:'';position:absolute;top:0;width:50%;height:100%;background:url('/assets/reference/badminton-heading.png') right center/200% 100% no-repeat;z-index:-1}
#info-dialog[data-kind=tickets] #info-title::before{left:0;transform:scaleX(-1)}
#info-dialog[data-kind=tickets] #info-title::after{right:0}
#info-dialog[data-kind=tickets] #info-title-label{grid-column:2;grid-row:2;align-self:center;text-align:center}
#info-dialog[data-kind=tickets] .ticket-heading-icon{display:block;position:absolute;left:105px;top:24px;width:115px;height:96px;object-fit:contain;filter:drop-shadow(0 3px 2px #9c263b55)}
@media(max-width:700px){#info-dialog[data-kind=tickets]{padding-top:62px}#info-dialog[data-kind=tickets] #info-title{width:310px;max-width:calc(100% - 16px);top:-43px;grid-template-columns:41.9355% 40.6452% 17.4193%;grid-template-rows:16px 1fr 9px}#info-dialog[data-kind=tickets] .ticket-heading-icon{left:61px;top:14px;width:69px;height:58px}}

/* Ticket header: flex layout within the common banner's content area. */
#info-dialog[data-kind=tickets] #info-title{display:flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;padding:20px 95px 10px 105px!important;font-size:28px!important;line-height:1.2!important}
#info-dialog[data-kind=tickets] .ticket-heading-icon{position:static;display:block;flex:0 0 115px;width:115px;height:96px;object-fit:contain;align-self:center}
#info-dialog[data-kind=tickets] #info-title-label{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:100%;font-size:28px!important;line-height:1.2;text-align:center;text-wrap:balance}
@media(max-width:700px){#info-dialog[data-kind=tickets] #info-title{gap:10px;padding:12px 54px 7px 61px!important;font-size:18px!important}#info-dialog[data-kind=tickets] .ticket-heading-icon{flex-basis:69px;width:69px;height:58px}#info-dialog[data-kind=tickets] #info-title-label{font-size:18px!important}}

#info-dialog[data-kind=tickets] .ticket-heading-icon{clip-path:polygon(4% 36%,9% 28%,20% 23%,53% 1%,63% 1%,70% 12%,73% 18%,81% 22%,88% 34%,87% 42%,95% 52%,95% 62%,84% 70%,49% 96%,38% 99%,29% 91%,26% 83%,18% 80%,10% 67%,9% 57%,14% 48%,6% 43%);filter:none}

#info-dialog[data-kind=tickets] #info-title{gap:12px;padding-left:105px!important}
#info-dialog[data-kind=tickets] .ticket-heading-icon{flex-basis:145px;width:145px;height:150px;transform:translateY(-14px);clip-path:polygon(0 25%,65% 0,83% 15%,100% 43%,100% 70%,40% 100%,19% 95%,0 62%)}
.mypage-title img{left:105px;top:-20px;width:145px;height:166px;transform:none}
.mypage-title>span{font-size:28px}
@media(max-width:700px){#info-dialog[data-kind=tickets] #info-title{gap:7px;padding-left:61px!important}#info-dialog[data-kind=tickets] .ticket-heading-icon{flex-basis:86px;width:86px;height:90px;transform:translateY(-8px)}.mypage-title img{left:61px;top:-12px;width:86px;height:99px}.mypage-title>span{font-size:18px}}
@media(max-height:600px) and (min-width:701px){.mypage-title img{left:76px;top:-15px;width:108px;height:124px}.mypage-title>span{font-size:22px}}

#info-dialog[data-kind=tickets] #info-title{height:146.8px;min-height:0;overflow:visible}
#info-dialog[data-kind=tickets] .ticket-heading-icon{clip-path:none;transform:translateY(-24px)}
@media(max-width:700px){#info-dialog[data-kind=tickets] #info-title{height:87.5px}#info-dialog[data-kind=tickets] .ticket-heading-icon{transform:translateY(-14px)}}

#info-dialog[data-kind=tickets] .ticket-heading-icon{flex-basis:165px;width:165px;height:170px}
@media(max-width:700px){#info-dialog[data-kind=tickets] .ticket-heading-icon{flex-basis:96px;width:96px;height:100px}}

/* Gmarket's visible glyphs sit above the line-box center: compensate with flex padding. */
#info-dialog[data-kind=tickets] #info-title-label{box-sizing:border-box;padding-top:16px}
@media(max-width:700px){#info-dialog[data-kind=tickets] #info-title-label{padding-top:10px}}

#info-dialog[data-kind=tickets] .ticket-heading-icon{transform:translateY(-4px) scale(1.35);transform-origin:center}
@media(max-width:700px){#info-dialog[data-kind=tickets] .ticket-heading-icon{transform:translateY(-2px) scale(1.3)}}