#s-title{isolation:isolate;background:#dceff6;overscroll-behavior:auto}
#s-title .logo,#s-title .signin,#s-title .login-status{position:relative;z-index:2}
#s-title .logo{filter:drop-shadow(0 3px 12px #000)}
#s-title .signin{padding:15px 17px 17px;margin-top:20px;border:1px solid #c6b89a45;
  border-radius:12px;background:linear-gradient(160deg,#101320dc,#10121be8);box-shadow:0 18px 42px #0009}
.landing-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}




.landing-scene-sky{position:absolute;inset:0;background:url('assets/ui/bg_title_anime_master_v1.webp?v=1') center/cover no-repeat;
  filter:blur(0);transition:filter 1.4s ease}



#s-title.bye .landing-scene-sky{filter:blur(2px)}
.landing-scene-glow{position:absolute;z-index:1;left:12%;top:8%;width:62%;height:24%;border-radius:50%;
  background:radial-gradient(ellipse,#a9d2ef27 0%,transparent 70%);animation:landing-glow 8s ease-in-out infinite alternate}
.landing-scene-mist{position:absolute;z-index:3;left:-20%;right:-20%;bottom:-6%;height:42%;
  background:radial-gradient(ellipse at 25% 95%,#8cb5ce48,transparent 56%),radial-gradient(ellipse at 80% 80%,#a0c8df26,transparent 62%);
  animation:landing-mist 12s ease-in-out infinite alternate}
.landing-scroll{position:absolute;z-index:3;bottom:8px;left:50%;transform:translateX(-50%);padding:8px 14px;
  color:#e6eff5;font-size:11px;font-weight:400;letter-spacing:.1em;text-decoration:none;white-space:nowrap;text-shadow:0 2px 8px #000;
  background:#0b0d1b9c;border:1px solid #c6b89a5e;border-radius:99px}
.landing-scroll span{font-size:16px;margin-left:5px}
.landing-scroll:hover,.landing-scroll:focus-visible{border-color:#d4a843;color:#fff}
@keyframes landing-glow{to{opacity:.45;transform:translate(4%,5%)}}
@keyframes landing-mist{to{transform:translateX(4%)}}
@media(max-height:690px){.landing-scroll{display:none}#s-title .signin{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.landing-scene-sky,.landing-scene-glow,.landing-scene-mist{animation:none}.landing-scene-sky{transition:none}}



#s-title .signin{background:linear-gradient(155deg,#20252bdc,#171b20ed);border-color:#ffffff25;box-shadow:0 16px 48px #0005}
#s-title .signin .fbtn,#s-title .signin .si{background:#30363e;border-color:#67717f;color:#eef0f2}
#s-title .signin .entry-login{background:#304b77;border-color:#7699d0;color:#f4f8ff}











#s-title .signin #siGuest{min-height:54px;margin-bottom:7px;padding:0 24px;border:0;border-radius:0;
  background:url('assets/ui/button_guest_jade_v1.webp?v=1') center/100% 150% no-repeat;
  color:#fff;text-shadow:0 1px 3px #080a10;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
#s-title .signin #siGuest:hover{background:url('assets/ui/button_guest_jade_v1.webp?v=1') center/100% 150% no-repeat;
  filter:brightness(1.09);-webkit-backdrop-filter:none;backdrop-filter:none}
#s-title .signin #siGuest::before{inset:-2px;border-radius:2px;filter:drop-shadow(0 0 3px #9b8fbb)}

#s-title .signin .entry-login{min-height:54px;padding:0 24px;border:0;border-radius:0;
  background:url('assets/ui/button_login_blue_v1.webp?v=1') center/100% 150% no-repeat;
  color:#fff;text-shadow:0 1px 3px #080a10;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
#s-title .signin .entry-login:hover{background:url('assets/ui/button_login_blue_v1.webp?v=1') center/100% 150% no-repeat;
  filter:brightness(1.09);-webkit-backdrop-filter:none;backdrop-filter:none}
#s-title .brandfoot{color:#fff;opacity:1}
#s-title .enterfoot{color:#fff}
#s-title .signin .entry-field input{background:#14191e99;border-color:#ffffff22}
.landing-scroll{display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;background:transparent;border:0;bottom:8px;animation:lp-arrow 2.8s ease-in-out infinite}
.landing-scroll span{margin:0;font-family:"GyeonggiTitle","Malgun Gothic",sans-serif;font-size:30px;font-weight:400;color:#f2f4f6}
.landing-scroll:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes lp-arrow{50%{translate:0 5px;opacity:.5}}
.landing-info{--lp-ink:#20252c;--lp-muted:#77808a;--lp-surface:#f5f6f7;--lp-line:#e8eaec;background:#fff;color:var(--lp-ink);width:100%;margin:0;overflow:hidden;font-family:"GyeonggiTitle","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;user-select:text;-webkit-user-select:text}
.landing-info *{box-sizing:border-box;user-select:text;-webkit-user-select:text}
.lp-section{width:min(100%,820px);margin:0 auto;padding:100px 38px;text-align:left}
.lp-section h1,.lp-section h2{margin:0 0 24px;font-family:inherit;font-size:clamp(30px,5vw,44px);line-height:1.32;font-weight:400;letter-spacing:-.06em;color:var(--lp-ink);word-break:keep-all}
.lp-section h3{font-family:inherit;font-weight:400;letter-spacing:-.045em;word-break:keep-all}
.lp-section p{margin:0;font-size:16px;line-height:1.9;letter-spacing:-.02em;color:var(--lp-muted);word-break:keep-all}
.lp-eyebrow{display:block;margin-bottom:18px;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:.02em;color:#9299a2}
.lp-object{display:block;object-fit:contain;width:112px;height:112px;margin:0 0 24px -8px}
.lp-film{padding-top:72px;padding-bottom:80px;text-align:center}
.lp-film h1{font-size:clamp(31px,5vw,46px)}
.lp-film .lp-lead{font-size:15px;line-height:1.9;color:#7e858f}
.lp-video{margin:38px 0 0;position:relative;border-radius:30px;overflow:hidden;background:#1b1e24;box-shadow:0 22px 55px #20252c15}
.lp-video-pending{position:relative;aspect-ratio:4/3;overflow:hidden}
.lp-video-art{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#171b22}
.lp-video-art>div{background-position:50% 27%;background-size:cover;transform:scale(1.05);filter:saturate(.8);opacity:.85}
.lp-video-art>div:nth-child(2){transform:scale(1.05) translateY(-10px)}
.lp-video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f131bef,#10151c42 65%,#10151c22)}
.lp-video-label{position:absolute;inset:auto 26px 30px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#f4f5f7}
.lp-video-label>span{font-size:11px;letter-spacing:.12em;color:#c1c5ce}
.lp-video-label strong{font-size:clamp(23px,4vw,32px);line-height:1.4;letter-spacing:-.05em;font-weight:400}
.lp-video-label small{padding:6px 12px;border:1px solid #ffffff22;border-radius:99px;color:#adb5c0;font-size:10px}
.lp-video video{display:block;width:100%;height:auto;background:#171b22}




.lp-video-reel{aspect-ratio:540/564;object-fit:cover}
.lp-facts{display:grid;grid-template-columns:repeat(3,1fr);padding-top:34px}
.lp-facts>div{display:flex;flex-direction:column;gap:8px;align-items:center;border-right:1px solid var(--lp-line)}
.lp-facts>div:last-child{border:0}
.lp-facts strong{font-family:inherit;font-size:30px;font-weight:400;letter-spacing:-.06em;color:#404750;font-variant-numeric:tabular-nums}
.lp-facts span{font-size:11px;color:#979da6;letter-spacing:-.02em}
.lp-strategy,.lp-bonds,.lp-faq{background:var(--lp-surface);border-radius:36px}
.lp-faction-box{margin-top:38px;background:#fff;border:1px solid #ebedef;border-radius:26px;overflow:hidden;box-shadow:0 8px 32px #20252c04}
.lp-faction-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:14px;border-bottom:1px solid #f0f1f2}
.lp-faction-tabs button{border:0;background:transparent;padding:12px 5px;border-radius:12px;color:#9299a3;cursor:pointer;font-family:inherit;font-size:13px;font-weight:400;line-height:1.3;transition:background .25s,color .25s,transform .25s}
.lp-faction-tabs button[aria-pressed="true"]{color:#fff;background:#30363e;box-shadow:0 4px 12px #20252c15}
.lp-faction-tabs button:hover{color:#454d58;background:#eef0f2}
.lp-faction-tabs button[aria-pressed="true"]:hover{color:#fff;background:#414953}
.lp-faction-tabs button:focus-visible,.lp-cta:focus-visible{outline:2px solid #8995a5;outline-offset:3px}
.lp-faction-panel{display:grid;grid-template-columns:180px 1fr;gap:34px;padding:32px;align-items:center;min-height:355px}
.lp-faction-card{width:160px;margin:auto;filter:drop-shadow(0 12px 14px #20252c21)}
.lp-faction-card .card{width:100%}
.lp-faction-copy>span{display:block;font-size:11px;color:#9da4ad;margin-bottom:14px;font-weight:400}
.lp-faction-copy h3{font-size:24px;line-height:1.4;margin:0 0 13px;color:#303741;white-space:pre-line}
.lp-faction-copy>p{font-size:14px;line-height:1.9;color:#818995}
.lp-card-note{margin-top:22px;padding-top:18px;border-top:1px solid #eef0f2}
.lp-card-note>span{font-size:11px;font-weight:400;color:#697480}
.lp-card-note>p{font-size:11px;line-height:1.8;margin-top:6px;white-space:pre-line;color:#9aa1aa}
.lp-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:35px}
.lp-choice-grid article{padding:26px 20px 30px;border-radius:22px;background:var(--lp-surface)}




.lp-choice-number{display:block;font-size:clamp(34px,4.6vw,46px);line-height:.95;
  color:#b9c0ca;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.lp-choice-grid h3{font-size:16px;line-height:1.5;margin:0 0 12px;color:#3a424d}
.lp-choice-grid p{font-size:12px;line-height:1.85;color:#8b939e}
.lp-secondary{margin-top:20px!important;color:#969ea8!important;font-size:14px!important}
.lp-card-fan{height:320px;max-width:100%;width:400px;margin:52px auto 0;position:relative}
.lp-card-fan>[data-landing-card]{position:absolute;left:50%;top:0;width:160px;transform-origin:50% 90%;filter:drop-shadow(0 14px 14px #20252c20);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.lp-card-fan>[data-landing-card]:nth-child(1){transform:translateX(-112%) rotate(-12deg)}
.lp-card-fan>[data-landing-card]:nth-child(2){z-index:2;transform:translateX(-50%) translateY(18px)}
.lp-card-fan>[data-landing-card]:nth-child(3){transform:translateX(12%) rotate(12deg)}
.lp-card-fan .card{width:100%}
.lp-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.lp-mode{min-height:355px;display:flex;align-items:flex-end;padding:30px 26px;border-radius:26px;position:relative;overflow:hidden;background:#20242b;isolation:isolate}
.lp-mode::before{content:"";position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:saturate(.65)}
.lp-mode::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#10151cf0,#10151c60)}
.lp-mode-camp::before{background-image:url('assets/ui/bg_campaign_pilgrimage.webp')}
.lp-mode-pvp::before{background-image:url('assets/ui/menu_main_pvp_v1.webp')}
.lp-mode>div{position:relative}
.lp-mode span{font-size:10px;color:#b9c1ca;line-height:1.6}
.lp-mode h3{font-size:22px;line-height:1.4;margin:13px 0;color:#f2f3f5}
.lp-mode p{font-size:12px;line-height:1.9;color:#bdc3cc}
.lp-faq details{background:#fff;border-radius:18px;padding:24px;margin-top:12px}
.lp-faq summary{font-size:15px;font-weight:400;line-height:1.65;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#454e59}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font-size:23px;font-weight:400;color:#a8afb8;line-height:1;flex-shrink:0}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq details p{margin-top:16px;font-size:13px;line-height:1.85}
.lp-last{text-align:center;padding-top:110px;padding-bottom:115px}
.lp-last h2{font-size:38px}




.lp-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;margin-top:14px;border:1px solid #9b8fbb;border-radius:16px;color:#efeaf8;background:linear-gradient(135deg,#2e2744,#4b3f6e);box-shadow:0 8px 22px #241b3d59;text-decoration:none;font-size:15px;font-weight:400;transition:filter .3s,transform .3s,box-shadow .3s}
.lp-cta::before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:18px;background:conic-gradient(from var(--toast-turn),transparent 0 8%,#8f7fc0 16%,#e6ddff 23%,#6b5d8c 30%,transparent 40% 58%,#5b4e85 67%,#c9bcea 75%,#7b6aad 82%,transparent 92%);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 5px #9b8fbb);pointer-events:none;animation:toast-orbit 3.6s linear infinite}
@media(prefers-reduced-motion:reduce){.lp-cta::before{animation:none}}

.lp-cta:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 12px 25px #2b1f4d7a}
.lp-motion .lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--lp-delay,0ms)}
.lp-motion .lp-reveal.is-visible{opacity:1;transform:none}
.lp-motion .lp-card-fan:not(.is-visible)>[data-landing-card]{transform:translateX(-50%) rotate(0)}
.lp-motion .is-visible>.lp-object{animation:lp-object-float 7s ease-in-out .8s infinite}
@keyframes lp-object-float{50%{transform:translateY(-4px) rotate(-2deg)}}
.lp-choice-grid>article:nth-child(2){--lp-delay:90ms}.lp-choice-grid>article:nth-child(3){--lp-delay:180ms}.lp-mode-grid>article:nth-child(2){--lp-delay:110ms}
@media(hover:hover){.lp-mode:hover::before{transform:scale(1.045)}.lp-card-fan:hover>[data-landing-card]:nth-child(1){transform:translateX(-120%) rotate(-16deg)}.lp-card-fan:hover>[data-landing-card]:nth-child(3){transform:translateX(20%) rotate(16deg)}}
html.kw-playing,html.kw-playing body{overflow:hidden}.kw-playing .landing-info{display:none}
@media(max-width:560px){.lp-section{padding:70px 24px}.lp-section h1,.lp-section h2{font-size:31px;margin-bottom:22px}.lp-section p{font-size:14px;line-height:1.95}.lp-eyebrow{font-size:11px;margin-bottom:16px}.lp-film{padding:55px 20px 65px}.lp-film .lp-lead{font-size:13px}.lp-video{margin-top:30px;border-radius:24px}.lp-video-pending{aspect-ratio:1/1}.lp-video-label{inset:auto 14px 26px}.lp-video-label strong{font-size:24px}.lp-facts{padding-top:28px}.lp-facts strong{font-size:27px}.lp-facts span{font-size:10px}.lp-object{width:96px;height:96px;margin-bottom:20px}.lp-strategy,.lp-bonds,.lp-faq{border-radius:0}.lp-faction-box{margin-top:28px;border-radius:22px}.lp-faction-tabs{gap:3px;padding:10px}.lp-faction-tabs button{font-size:12px;padding:12px 4px}.lp-faction-panel{grid-template-columns:1fr;padding:26px 24px 28px;gap:27px;min-height:570px}.lp-faction-card{width:132px}.lp-faction-copy h3{font-size:23px}.lp-faction-copy>p{font-size:13px;min-height:50px}.lp-card-note>p{font-size:11px}.lp-choice-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.lp-choice-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:24px}.lp-choice-number{grid-row:span 2;margin:4px 0 0}.lp-choice-grid h3{font-size:17px;margin:0 0 8px}.lp-choice-grid p{font-size:13px}.lp-card-fan{width:310px;height:270px;margin-top:42px}.lp-card-fan>[data-landing-card]{width:132px}.lp-mode-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.lp-mode{min-height:300px;padding:30px 26px}.lp-mode h3{font-size:24px}.lp-mode p{font-size:13px}.lp-mode span{font-size:11px}.lp-faq details{padding:22px 20px}.lp-faq summary{font-size:14px}.lp-faq details p{font-size:13px}.lp-last{padding:85px 24px 100px}.lp-last h2{font-size:31px}}
@media(max-height:690px){.landing-scroll{display:flex;bottom:0;height:30px}.landing-scroll span{font-size:26px}}
@media(prefers-reduced-motion:reduce){.lp-motion .lp-reveal{opacity:1;transform:none;transition:none}.lp-object,.landing-scroll,.landing-scene-sky,.landing-scene-glow,.landing-scene-mist{animation:none!important}.lp-cta,.lp-mode::before,.lp-card-fan>[data-landing-card]{transition:none}}

.lp-faction-panel{align-items:start;min-height:390px}
.lp-faction-card{height:224px;display:flex;align-items:flex-start;justify-content:center}
.lp-faction-copy{display:grid;grid-template-rows:18px 68px 90px 104px;row-gap:12px;align-content:start}
.lp-faction-copy>span,.lp-faction-copy h3,.lp-faction-copy>p{margin:0}
.lp-faction-copy .lp-card-note{margin:0;align-self:start}
.lp-game-deck{position:relative;width:112px;height:112px}
.lp-game-deck img{position:absolute;width:65px;height:91px;left:24px;top:10px;border-radius:5px;box-shadow:0 4px 8px #20252c18;transform-origin:50% 90%}
.lp-game-deck img:first-child{transform:translateX(-13px) rotate(-15deg)}
.lp-game-deck img:nth-child(2){transform:translateX(13px) rotate(14deg)}
.lp-game-deck img:last-child{transform:translateY(3px) rotate(-2deg)}
.lp-game-sword{padding:5px;filter:drop-shadow(0 7px 7px #20252c18)}
.lp-game-book{filter:drop-shadow(0 7px 7px #20252c14)}

.lp-line{display:block;overflow:hidden;padding:.045em 0;margin:-.045em 0}
.lp-line-inner{display:block}
.lp-motion .lp-lines{opacity:1;transform:none;transition:none}
.lp-motion .lp-line-inner{opacity:0;transform:translateY(112%);transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .8s ease;transition-delay:calc(var(--lp-delay,0ms) + var(--lp-line-delay,0ms))}
.lp-motion .lp-lines.is-visible .lp-line-inner{opacity:1;transform:translateY(0)}
.lp-motion .lp-reveal:not(.lp-lines){transition-duration:1s;transform:translateY(34px)}
.lp-motion .lp-reveal.is-visible:not(.lp-lines){transform:none}
@media(max-width:560px){.lp-faction-panel{grid-template-rows:188px auto;gap:27px;min-height:600px}.lp-faction-card{height:188px}.lp-faction-copy{grid-template-rows:18px 66px 104px 104px}.lp-game-deck{width:96px;height:96px}.lp-game-deck img{width:56px;height:78px;left:20px;top:7px}}
@media(prefers-reduced-motion:reduce){.lp-motion .lp-line-inner{opacity:1;transform:none;transition:none}.lp-motion .lp-reveal:not(.lp-lines){opacity:1;transform:none;transition:none}}

.lp-section{text-align:center}
.lp-object{margin-left:auto;margin-right:auto}
.lp-faction-copy{text-align:center}
.lp-choice-grid article{text-align:center}
.lp-mode{justify-content:center}
.lp-mode>div{text-align:center}
.lp-faq details{text-align:left}
.lp-glyph{display:inline-block;white-space:pre}
.lp-motion .lp-line-inner{opacity:1;transform:none;transition:none}
.lp-motion .lp-glyph{opacity:0;transform:translateY(.8em);filter:blur(2px);transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .6s ease;transition-delay:calc(var(--lp-delay,0ms) + var(--lp-char-delay,0ms))}
.lp-motion .lp-lines.is-visible .lp-glyph{opacity:1;transform:translateY(0);filter:blur(0)}
@media(max-width:560px){.lp-choice-grid article{display:block}.lp-choice-number{margin:0 0 15px}.lp-choice-grid h3{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.lp-motion .lp-glyph{opacity:1;transform:none;filter:none;transition:none}}

.lp-faction-panel{min-height:0}
.lp-faction-copy{grid-template-rows:repeat(4,auto)}
.lp-faction-copy>p{min-height:0}
.lp-faction-measure{margin:0;transform:none!important;animation:none!important}


.landing-info .lp-section h1,.landing-info .lp-section h2{font-weight:900}


.lp-cta#lpGuest{width:min(300px,100%);min-height:54px;padding:0 24px;border:0;border-radius:0;
  background:url('assets/ui/button_guest_jade_v1.webp?v=1') center/100% 150% no-repeat;
  color:#fff;text-shadow:0 1px 3px #080a10;box-shadow:none}
.lp-cta#lpGuest:hover{background:url('assets/ui/button_guest_jade_v1.webp?v=1') center/100% 150% no-repeat;
  filter:brightness(1.09);box-shadow:none}
.lp-cta#lpGuest::before{display:none}









:is(.btnrow>.fbtn:only-child,#pRename,#pHelpdesk,#pLogout,#pvGo,#pvDeckGo,#yunGo,#yunDeckGo,#goBattle,#rpGo,
    #mCancel,#evAttClaim,.stg-go,.craftb){
  --wide-button-art:url('assets/ui/button_game_silver_v1.webp?v=1');
  border:0 solid transparent;border-radius:0;background:transparent;
  border-image-source:var(--wide-button-art);
  border-image-slice:140 175 140 175 fill;
  border-image-width:0 15px 0 15px;
  border-image-repeat:stretch;
  box-shadow:none;color:#fff;text-shadow:0 1px 3px #080a10}









#pvDeckGo,#yunDeckGo{--wide-button-art:url('assets/ui/button_game_gold_v1.webp?v=1')}

:is(.btnrow>.fbtn:only-child,#pRename,#pHelpdesk,#pLogout,#pvGo,#pvDeckGo,#yunGo,#yunDeckGo,#goBattle,#rpGo,
    #mCancel,#evAttClaim,.stg-go,.craftb).dg,#pLogout{
  --wide-button-art:url('assets/ui/button_game_coral_v1.webp?v=1')}
:is(.btnrow>.fbtn:only-child,#pRename,#pHelpdesk,#pLogout,#pvGo,#pvDeckGo,#yunGo,#yunDeckGo,#goBattle,#rpGo,
    #mCancel,#evAttClaim,.stg-go,.craftb):not([disabled]):hover{filter:brightness(1.09)}
:is(.btnrow>.fbtn:only-child,#pRename,#pHelpdesk,#pLogout,#pvGo,#pvDeckGo,#yunGo,#yunDeckGo,#goBattle,#rpGo,
    #mCancel,#evAttClaim,.stg-go,.craftb):focus-visible{outline:2px solid #dfe6f9;outline-offset:2px}
:is(.btnrow>.fbtn:only-child,#pRename,#pHelpdesk,#pLogout,#pvGo,#pvDeckGo,#yunGo,#yunDeckGo,#goBattle,#rpGo,
    #mCancel,#evAttClaim,.stg-go,.craftb)[disabled]{opacity:.45;color:#fff}
.craftb .cr-l,.craftb .cr-v{color:#fff}
#pRename,#goBattle{padding:13px}

#s-pvp > .pvdeckw{margin-bottom:0}
#s-pvp > #pvGo{margin-top:-8px;align-self:stretch;padding:clamp(11px,calc(var(--app-h) * .017),13px) 20px}

:is(#evRegister,#edCode,#edDel,#edSave){
  --compact-button-art:url('assets/ui/button_game_compact_silver_v1.webp?v=1');
  border:0;border-radius:0;background:var(--compact-button-art) center/100% auto no-repeat;
  box-shadow:none;color:#fff;text-shadow:0 1px 2px #080a10}
#edDel{--compact-button-art:url('assets/ui/button_game_compact_coral_v1.webp?v=1')}
:is(#evRegister,#edCode,#edDel,#edSave):hover:not([disabled]){
  background:var(--compact-button-art) center/100% auto no-repeat;filter:brightness(1.09)}
:is(#evRegister,#edCode,#edDel,#edSave):focus-visible{outline:2px solid #dfe6f9;outline-offset:2px}
:is(#evRegister,#edCode,#edDel,#edSave)[disabled]{opacity:.45;color:#fff}
#evRegister{width:100px;min-width:100px;height:38px;min-height:38px;padding:0 10px;flex:none}
#edCode,#edDel,#edSave{aspect-ratio:2.7 / 1;min-height:40px;padding:0 6px}

.buy{--buy-art:url('assets/ui/button_game_compact_silver_v1.webp?v=1');
  aspect-ratio:auto;height:83px;min-height:0;padding:0;gap:3px;border:0;border-radius:0;
  background:none;box-shadow:none;overflow:visible;isolation:isolate}
.buy.pg{--buy-art:url('assets/ui/button_game_compact_gold_v1.webp?v=1')}
.buy:hover:not([disabled]){border:0;background:none;filter:brightness(1.08)}

.buy b{flex:none;height:auto;padding:3px 10px;border:1px solid var(--line);
  border-radius:999px;background:#0e121880;color:var(--fg-mid);
  font-family:inherit;font-size:calc(11px - var(--game-desktop-font-step));
  font-weight:400;letter-spacing:.06em;line-height:normal}
.buy > span:not(.nudot){position:relative;flex:1;width:100%;min-height:0;
  display:flex;align-items:center;justify-content:center;gap:5px;
  border:0 solid transparent;border-image:var(--buy-art) 60 200 81 200 fill / 0 19px 0 19px stretch;
  color:#f5f1e9;font-size:calc(12.5px - var(--game-desktop-font-step));
  text-shadow:0 1px 2px #090806}
.buy > span:not(.nudot) .mini-token{margin-right:0}
.buy.pg > span.free{color:#f8df9d}
.buy .nudot{--nx:6px;--ny:27px}

.buy.freepick{border:0;box-shadow:none;animation:none}
.buy.freepick > span:not(.nudot){animation:buy-plaque-glow 1.9s cubic-bezier(.37,0,.63,1) infinite}
@keyframes buy-plaque-glow{
  0%,100%{filter:drop-shadow(0 0 2px #e8b45f66)}
  50%{filter:drop-shadow(0 0 8px #e8b45fcc)}}
.buy:focus-visible{outline:none}
.buy:focus-visible > span:not(.nudot){filter:drop-shadow(0 0 6px #f8df9dcc)}
@media (prefers-reduced-motion:reduce){
  .buy.freepick > span:not(.nudot){animation:none;filter:drop-shadow(0 0 5px #e8b45faa)}}

#vDoegop .doegop-act .fbtn.pri,#vPvpRise .doegop-act .fbtn.pri,
#vDoegop .doegop-act .fbtn.pri:hover,#vPvpRise .doegop-act .fbtn.pri:hover{
  background:transparent;border:0 solid transparent;
  border-image:var(--wide-button-art) 140 175 140 175 fill / 0 15px 0 15px stretch;color:#fff}
#vPvpRise.dn .doegop-act .fbtn.pri{--wide-button-art:url('assets/ui/button_game_coral_v1.webp?v=1')}
#vPvpRise.dn .doegop-act .fbtn.pri:hover{
  background:transparent;border:0 solid transparent;
  border-image:var(--wide-button-art) 140 175 140 175 fill / 0 15px 0 15px stretch;color:#fff}


#s-title .logo{filter:none}
#s-title .t-main{filter:brightness(0) saturate(100%) invert(19%) sepia(32%) saturate(1070%) hue-rotate(164deg) brightness(88%) contrast(92%) drop-shadow(0 1px 1px #ffffffa8)}
#s-title .brandfoot,#s-title .enterfoot{color:#183d54;text-shadow:0 1px 1px #ffffffc9}
#s-title .signin{background:#f4faf4e8;border:1px solid #9dbcc8;box-shadow:0 14px 38px #12394d4d;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#s-title .signin .entry-field label{padding:0 2px;border:0;background:none;color:#244e62;font-weight:600}
#s-title .signin .entry-field input{background:#ffffffed;border:1px solid #8fb2be;color:#17384c;
  box-shadow:inset 0 1px 2px #244a5c16}
#s-title .signin .entry-field input:hover,#s-title .signin .entry-field input:focus{border-color:#227ca5}
#s-title .signin .entry-field input:focus{box-shadow:0 0 0 2px #4598b44d;outline:none}
#s-title .signin #siGuest,#s-title .signin .entry-login{color:#fff;text-shadow:0 1px 2px #102f42;
  background-size:100% 150%;box-shadow:none}
#s-title .signin #siGuest::before{display:none}
#s-title .signin .signup-link{color:#285470;text-decoration-color:#7ea4b5}
#s-title .signin .signup-link:hover,#s-title .signin .signup-link:focus-visible{color:#0a334b}
#s-title .signin .sns-btn{background:#eaf4f5;border:1px solid #a9c5ce;color:#1d455b;box-shadow:none}
#s-title .signin .sns-btn:hover,#s-title .signin .sns-btn:focus-visible{background:#d9eef1;border-color:#4488a6}


#s-title .signin .sns-btn[data-auth="x"] .sns-icon{filter:brightness(0)}
#s-title .login-status{color:#17394f;text-shadow:0 1px 1px #ffffffb0}