@font-face{font-family:PGHExtra;src:url("/assets/game-hub-v50/dialogue-extra.woff") format("woff");font-weight:700 900;font-display:swap}
/* Game artwork uses the staking page's wrapper, breakpoint and hero ratios. */
#platform-content.sp-game-page{width:min(1440px,calc(100% - 48px));margin:22px auto 40px;min-height:0}
#game-hub{--pgh-font:PGHIntl,PGHCJK,PGHArabic,PGHThai,PGHSymbols,PGHExtra,var(--sparta-display);font:700 16px/1.5 var(--pgh-font);color:#15213e;background:#fffdf5;isolation:isolate;container-type:inline-size;overflow-wrap:anywhere;border:0;box-shadow:none}
#game-hub:lang(ko),#game-hub:lang(ja),#game-hub:lang(zh){--pgh-font:PGHCJK,PGHIntl,PGHSymbols,PGHExtra,var(--sparta-display)}
#game-hub:lang(ar){--pgh-font:PGHArabic,PGHIntl,PGHSymbols,PGHExtra,var(--sparta-display)}
#game-hub:lang(th){--pgh-font:PGHThai,PGHIntl,PGHSymbols,PGHExtra,var(--sparta-display)}
#game-hub *,#game-hub *::before,#game-hub *::after{box-sizing:border-box}
#game-hub :is(h1,h2,h3,p,dl,dd){margin:0;font-family:var(--pgh-font);text-transform:none}
#game-hub :is(h1,h2,h3,strong){font-weight:900}
#game-hub :is(a,button){font-family:var(--pgh-font);color:inherit;text-decoration:none;letter-spacing:0;-webkit-tap-highlight-color:transparent}
#game-hub button{cursor:pointer}
#game-hub :is(a,button):focus-visible{outline:3px solid #5060dd;outline-offset:4px}
#game-hub [hidden]{display:none!important}
#game-hub section{scroll-margin-top:110px}
#game-hub .pgh-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#game-hub .pgh-hero{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1536/388;background:#fff6de;border:3px solid #101936;border-radius:24px;direction:ltr}
#game-hub .pgh-hero-actors{position:absolute;inset:0;pointer-events:none;z-index:0;direction:ltr}
#game-hub .pgh-hero-poster,#game-hub .pgh-hero-video{position:absolute;inset:0;width:100%;height:100%;display:block}
#game-hub .pgh-hero-poster img{display:block;width:100%;height:100%;object-fit:fill}
#game-hub .pgh-hero-video{object-fit:fill;opacity:0}
#game-hub .pgh-hero[data-motion-ready=true] .pgh-hero-video{opacity:1}
#game-hub .pgh-hero-copy{position:absolute;z-index:2;left:3%;top:7%;width:32%;height:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.65cqw}
#game-hub .pgh-hero-copy>*{flex:none}
#game-hub[dir=rtl] .pgh-hero-copy{direction:rtl;text-align:right}
#game-hub .pgh-badge{width:max-content;max-width:100%;padding:.3cqw 1.1cqw;background:#15213e;color:#ffe48c;border:2px solid #d5b35b;border-radius:30px;box-shadow:inset 0 0 0 2px #ffffff2b,0 2px #fff7dc;font-size:1.08cqw;text-align:center;line-height:1.35}
#game-hub .pgh-hero h1{width:100%;font-size:3.15cqw;line-height:1.13;letter-spacing:-.045em;color:#101b39;text-wrap:balance}
#game-hub .pgh-hero h1>span,#game-hub .pgh-hero h1>strong{display:block;font-weight:900;-webkit-text-stroke:.037em currentColor;paint-order:stroke fill}
#game-hub .pgh-hero h1>strong{color:#164dd5;margin-top:.25cqw;line-height:1.13}
#game-hub .pgh-tagline{max-width:100%;font-size:1.52cqw;line-height:1.3;color:#155c36;font-weight:900;-webkit-text-stroke:.018em currentColor;paint-order:stroke fill}
#game-hub .pgh-primary{display:flex;justify-content:center;align-items:center;gap:1.1cqw;min-height:0;width:max-content;max-width:100%;padding:.5cqw 1.9cqw;border:2px solid #8d611c;border-radius:13px;box-shadow:inset 0 0 0 3px #fff6cc,0 3px 0 #69481b26;background:linear-gradient(#ffedac,#efb93d);color:#122340;font-size:1.65cqw;font-weight:900;line-height:1.25;-webkit-text-stroke:.022em currentColor;paint-order:stroke fill;text-align:center}
#game-hub .pgh-primary .pgh-icon{width:1.9cqw;height:1.9cqw}
#game-hub [data-pgh-fit]{min-width:0;max-width:100%;display:block}
#game-hub .pgh-primary>[data-pgh-fit]{flex:1 1 auto}
#game-hub .pgh-speech{position:absolute;z-index:3;left:var(--speech-pc-left);top:var(--speech-pc-top);width:var(--speech-pc-width);height:var(--speech-pc-height);padding:.35cqw .7cqw;background:#fffdf5;border:2px solid #18213d;border-radius:1.1cqw;box-shadow:inset 0 0 0 2px #e8cb7a,0 3px 0 #6c4c2220;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.45cqw;font-weight:900;line-height:1.2}
#game-hub .pgh-speech span{display:block;width:100%;overflow-wrap:anywhere;text-wrap:balance}
#game-hub .pgh-speech-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
#game-hub .pgh-speech-arrow[data-layout=mobile]{display:none}
#game-hub [data-arrow=outline],#game-hub [data-arrow=gold],#game-hub [data-arrow=feathers]{fill:none;stroke-linecap:round;stroke-linejoin:round}
#game-hub [data-arrow=outline]{stroke:#24304b;stroke-width:4.5}
#game-hub [data-arrow=gold]{stroke:#d8b250;stroke-width:2.5}
#game-hub [data-arrow=head]{fill:#e1bb55;stroke:#24304b;stroke-width:1.4}
#game-hub [data-arrow=feathers]{stroke:#b12d3c;stroke-width:2.2}
#game-hub .pgh-motion-control{position:absolute;z-index:4;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #c3a353;border-radius:50%;color:#172540;background:#fff9e8ed;box-shadow:0 2px 5px #17254025}
#game-hub .pgh-motion-control svg{width:100%;height:100%;fill:currentColor}
#game-hub .pgh-pause-icon,#game-hub .pgh-hero[data-motion=playing] .pgh-play-icon{display:none}
#game-hub .pgh-hero[data-motion=playing] .pgh-pause-icon{display:block}
#game-hub .pgh-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #a58e51;border-radius:10px;background:linear-gradient(#fffdf6,#f7f3e8);padding:4px;margin:12px 0}
#game-hub .pgh-tabs a{display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 8px;font-size:clamp(13px,1.45cqw,20px);line-height:1.3;min-height:54px;border-radius:7px;position:relative;text-align:center}
#game-hub .pgh-tabs a+a::before{content:'';position:absolute;inset-inline-start:-1px;top:20%;bottom:20%;width:1px;background:#a29679}
#game-hub .pgh-tabs a[aria-current]{background:#162443;color:#ffe58b;box-shadow:inset 0 0 0 1px #e8cc85}
#game-hub .pgh-tabs a[aria-current]::before,#game-hub .pgh-tabs a[aria-current]+a::before{display:none}
#game-hub .pgh-battle-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);gap:12px;margin:0 0 20px}
#game-hub .pgh-panel{min-width:0;border:2px solid #a28d4e;border-radius:15px;background:#fffdf4;overflow:hidden;box-shadow:inset 0 0 0 2px #fff}
#game-hub .pgh-panel-title{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(110deg,#101b37,#243552);color:#fff9d7;font-size:clamp(17px,1.8cqw,26px);line-height:1.3;-webkit-text-stroke:.018em currentColor;paint-order:stroke fill;text-align:center;min-height:48px}
#game-hub .pgh-panel-title>span{color:#e7c95e;font:28px/1 Georgia,serif;flex:none}
#game-hub .pgh-panel-title>span:last-child{transform:scaleX(-1)}
#game-hub .pgh-battle{display:flex;flex-direction:column}
#game-hub .pgh-battle-open{position:relative;display:block;flex:0 0 auto;width:calc(100% - 14px);margin:7px;padding:0;border:3px solid #1b2b46;border-radius:10px;overflow:hidden;background:#2e5729;min-height:0;color:#fff8d7}
#game-hub .pgh-battle-image{display:block;position:relative;aspect-ratio:937/300;overflow:hidden}
#game-hub .pgh-battle-image img{display:block;width:100%;height:100%;object-fit:cover}
#game-hub .pgh-battle-open::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07151488);pointer-events:none}
#game-hub .pgh-preview-label{position:absolute;inset-inline-end:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #f3d580;border-radius:8px;background:#122541e8;font-size:clamp(12px,1.2cqw,17px);line-height:1.4;z-index:1}
#game-hub .pgh-preview-label .pgh-icon{width:19px;height:19px}
#game-hub .pgh-guide dl{padding:10px;display:grid;gap:7px}
#game-hub .pgh-guide dl>div{display:grid;grid-template-columns:27px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;background:linear-gradient(#fffef8,#fbf9ef);border:1px solid #e6dec7;border-radius:11px;padding:15px 12px;min-height:62px;font-size:clamp(13px,1.3cqw,18px);line-height:1.4}
#game-hub .pgh-guide dt{font-weight:900}
#game-hub .pgh-guide dd{color:#4b58cf;text-align:end;font-size:.94em}
#game-hub .pgh-version{font-size:12px;text-align:center;padding:0 10px 10px;color:#51617b}
#game-hub .pgh-classes{position:relative;isolation:isolate;min-height:335px;padding:22px 0 17px;overflow:hidden;background:linear-gradient(#fff6e4a6,#fff6e4b8),url('/assets/game-intro-v47/gate.webp') center 71%/cover no-repeat;border-block:2px solid #c4a65e}
#game-hub .pgh-flank{position:absolute;bottom:0;object-fit:contain;object-position:bottom;z-index:2;width:20%;height:100%;max-height:355px;pointer-events:none}
#game-hub .pgh-flank-shield{left:-2%}
#game-hub .pgh-flank-nurse{right:-.7%;width:18%}
#game-hub .pgh-classes-content{position:relative;width:68%;margin:auto;z-index:1}
#game-hub .pgh-ribbon{background:linear-gradient(90deg,#1c2b48bb,#162642 18%,#162642 82%,#1c2b48bb);color:#fff9dc;text-align:center;padding:11px 12px;font-size:clamp(17px,1.75cqw,25px);line-height:1.3;-webkit-text-stroke:.02em currentColor;paint-order:stroke fill}
#game-hub .pgh-class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0 9px}
#game-hub .pgh-class{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:1.5px solid #b99746;background:linear-gradient(#fffdf5f5,#fff5d9f2);border-radius:12px;padding:7px 8px 14px;box-shadow:inset 0 0 0 3px #fffdf3}
#game-hub .pgh-item{display:block;background-image:url('/assets/game-hub-v48/class-icons.webp');background-size:300% 200%;background-repeat:no-repeat;width:min(100%,125px);aspect-ratio:1;flex:none}
#game-hub .pgh-item-0{background-position:0 0}#game-hub .pgh-item-1{background-position:50% 0}#game-hub .pgh-item-2{background-position:100% 0}#game-hub .pgh-item-3{background-position:0 100%}#game-hub .pgh-item-4{background-position:50% 100%}#game-hub .pgh-item-5{background-position:100% 100%}
#game-hub .pgh-class h3{font-size:clamp(15px,1.6cqw,23px);line-height:1.3;color:#192b50;-webkit-text-stroke:.018em currentColor;paint-order:stroke fill}
#game-hub .pgh-class p{font-size:clamp(11px,1.1cqw,16px);line-height:1.4;margin-top:5px;color:#3b4a68}
#game-hub .pgh-class-note{text-align:center;font-size:12px;color:#385077;line-height:1.5}
#game-hub .pgh-gold{margin:18px 0;padding:10px 18px 17px;border:2px solid #ae8733;border-radius:17px;background:linear-gradient(105deg,#fffdf1,#fff3c4 48%,#fffdf1);box-shadow:inset 0 0 0 3px #fffbdf}
#game-hub .pgh-gold h2{text-align:center;font-size:clamp(20px,2.1cqw,30px);color:#152649;line-height:1.3;-webkit-text-stroke:.022em currentColor;paint-order:stroke fill}
#game-hub .pgh-gold-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:20px;align-items:center;margin-top:8px}
#game-hub .pgh-gold-side{display:flex;align-items:center;gap:12px;min-width:0}
#game-hub .pgh-gold-side .pgh-item{width:42%;max-width:150px}
#game-hub .pgh-gold-side h3{font-size:clamp(15px,1.45cqw,21px);line-height:1.3;color:#17294c}
#game-hub .pgh-gold-side p{font-size:clamp(12px,1.15cqw,16px);line-height:1.5;margin-top:6px;color:#425273}
#game-hub .pgh-token-art{width:34%;max-width:125px;height:auto;object-fit:contain;flex:none}
#game-hub .pgh-exchange{text-align:center;position:relative}
#game-hub .pgh-exchange-badge{display:inline-block;padding:7px 16px;border:1px solid #b59542;border-radius:30px;background:linear-gradient(#ffe89b,#ead076);font-size:clamp(13px,1.5cqw,21px);line-height:1.4;box-shadow:inset 0 0 0 2px #fff3c3}
#game-hub .pgh-exchange p{font-size:clamp(11px,1.05cqw,15px);line-height:1.55;margin:9px auto 0;color:#415174;max-width:310px}
#game-hub .pgh-inactive{display:inline-block;color:#455a7e;background:#eaf0f4;border:1px solid #d4deea;border-radius:7px;padding:5px 8px;font-size:11px;margin-top:9px}
#game-hub .pgh-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:0 2.5% 12px}
#game-hub .pgh-update{display:grid;grid-template-columns:27px minmax(0,1fr) minmax(0,1.35fr) 12px;align-items:center;gap:12px;width:100%;min-height:86px;padding:14px 17px;border:0;border-radius:0;background:#fffdf5;font-size:clamp(13px,1.2cqw,17px);text-align:start;line-height:1.45}
#game-hub .pgh-update+.pgh-update{border-top:1px solid #dcd8c8}
#game-hub .pgh-update>span{color:#425375;font-size:.9em}
#game-hub .pgh-update>b{font:24px/1 Arial}
#game-hub .pgh-resources>a,#game-hub .pgh-resources>button{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,.85fr) 10px;align-items:center;gap:10px;width:100%;border:0;border-radius:0;padding:13px 16px;min-height:57px;background:#fffdf5;text-align:start;font-size:clamp(13px,1.2cqw,17px);line-height:1.4}
#game-hub .pgh-resources>:is(a,button)+:is(a,button){border-top:1px solid #dcd8c8}
#game-hub .pgh-resources>:is(a,button)>span{font-size:.88em;color:#4c5bcd;text-align:end}
#game-hub .pgh-update:hover,#game-hub .pgh-resources>:is(a,button):hover{background:#fff3ca}
#game-hub .pgh-development-note{font-size:12px;text-align:center;padding:4px 20px 18px;color:#4d5b70}
#game-hub dialog{width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:2px solid #b59543;border-radius:18px;background:#fffaf0;color:#15213e;font:700 16px/1.7 var(--pgh-font);box-shadow:0 20px 90px #0006;overflow:auto}
#game-hub dialog::backdrop{background:#0c1939bd;backdrop-filter:blur(4px)}
#game-hub dialog h2{font-size:28px;line-height:1.35;margin:8px 0 20px}
#game-hub dialog p{margin:14px 0 0;line-height:1.7}
#game-hub .pgh-close{display:flex;gap:8px;align-items:center;margin-inline-start:auto;padding:5px 8px;min-height:40px;background:transparent;border:0;font-size:14px}
#game-hub .pgh-close>span{font:28px/1 Arial}
#game-hub dialog .pgh-battle-image{position:relative;inset:auto;aspect-ratio:937/300;border-radius:10px;border:2px solid #bfa35c}
#game-hub[dir=rtl] .pgh-icon{transform:none}
#game-hub:lang(ar) .pgh-hero h1,#game-hub:lang(th) .pgh-hero h1{letter-spacing:0;line-height:1.2}
#game-hub:lang(ar) .pgh-hero h1>strong,#game-hub:lang(th) .pgh-hero h1>strong{line-height:1.2}
@media(min-width:761px) and (max-width:1080px){
 #game-hub .pgh-tabs a{gap:7px}
 #game-hub .pgh-guide dl>div{font-size:13px;gap:7px;padding:13px 8px}
 #game-hub .pgh-classes{min-height:300px}
 #game-hub .pgh-gold-grid{gap:12px}
 #game-hub .pgh-update{padding:12px;gap:8px}
}
@media(max-width:760px){
 #platform-content.sp-game-page{width:calc(100% - 20px);margin:14px auto 28px}
 #game-hub .pgh-hero{aspect-ratio:1024/820;border-width:2px;border-radius:18px}
 #game-hub .pgh-hero-copy{left:8%;top:3%;width:84%;height:34%;max-width:none;text-align:center;align-items:center;gap:.6cqw;justify-content:flex-start}
 #game-hub[dir=rtl] .pgh-hero-copy{text-align:center}
 #game-hub .pgh-badge{font-size:2.6cqw;padding:.55cqw 2.7cqw;line-height:1.3}
 #game-hub .pgh-hero h1{font-size:5.7cqw;line-height:1.1;letter-spacing:-.035em;flex:none}
 #game-hub .pgh-hero h1>strong{margin-top:0;font-size:1em;line-height:1.1}
 #game-hub .pgh-tagline{font-size:3.3cqw;line-height:1.3}
 #game-hub .pgh-primary{min-height:0;padding:.65cqw 4cqw;font-size:3.5cqw;gap:3cqw;border-radius:10px;flex:none}
 #game-hub .pgh-primary .pgh-icon{width:3.5cqw;height:3.5cqw}
 #game-hub .pgh-speech{left:var(--speech-mobile-left);top:var(--speech-mobile-top);width:var(--speech-mobile-width);height:var(--speech-mobile-height);font-size:2.7cqw;border-radius:2cqw;padding:.5cqw 1.3cqw}
 #game-hub .pgh-speech-arrow[data-layout=pc]{display:none}
 #game-hub .pgh-speech-arrow[data-layout=mobile]{display:block}
 #game-hub .pgh-motion-control{top:6px;right:6px;width:32px;height:32px;padding:7px}
 #game-hub .pgh-tabs{margin:10px 0;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:10px;padding:3px}
 #game-hub .pgh-tabs a{flex-direction:column;gap:5px;min-height:70px;font-size:10px;padding:8px 3px;line-height:1.35}
 #game-hub .pgh-tabs .pgh-icon{width:21px;height:21px}
 #game-hub .pgh-battle-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 16px}
 #game-hub .pgh-panel-title{font-size:17px;line-height:1.4;padding:10px 12px;gap:8px}
 #game-hub .pgh-panel-title>span{font-size:22px}
 #game-hub .pgh-battle-open{min-height:0;aspect-ratio:auto;margin:6px;width:calc(100% - 12px);flex:auto}
 #game-hub .pgh-preview-label{font-size:11px;padding:5px 8px;right:7px;bottom:7px}
 #game-hub .pgh-guide dl{padding:9px;gap:6px}
 #game-hub .pgh-guide dl>div{min-height:53px;font-size:13px;gap:8px;padding:10px}
 #game-hub .pgh-classes{padding:14px 10px 150px;min-height:0;background-position:center bottom}
 #game-hub .pgh-classes-content{width:100%;margin:0}
 #game-hub .pgh-ribbon{font-size:17px;padding:10px;border-radius:8px;line-height:1.45}
 #game-hub .pgh-class-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0 9px}
 #game-hub .pgh-class{grid-column:span 2;padding:4px 5px 10px;border-radius:10px}
 #game-hub .pgh-class:nth-child(4){grid-column:2/span 2}
 #game-hub .pgh-class:nth-child(5){grid-column:4/span 2}
 #game-hub .pgh-class .pgh-item{max-width:100px}
 #game-hub .pgh-class h3{font-size:14px}
 #game-hub .pgh-class p{font-size:10px;line-height:1.5}
 #game-hub .pgh-class-note{font-size:10px}
 #game-hub .pgh-flank{height:145px;width:43%;max-height:none;bottom:0}
 #game-hub .pgh-flank-shield{left:2%}
 #game-hub .pgh-flank-nurse{right:3%;width:40%}
 #game-hub .pgh-gold{margin:14px 0;padding:14px 13px}
 #game-hub .pgh-gold h2{font-size:21px;line-height:1.4}
 #game-hub .pgh-gold-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px}
 #game-hub .pgh-gold-side{gap:15px}
 #game-hub .pgh-gold-side .pgh-item{width:90px;max-width:30%}
 #game-hub .pgh-gold-side h3{font-size:17px}
 #game-hub .pgh-gold-side p{font-size:13px;margin-top:4px}
 #game-hub .pgh-exchange{border-block:1px dashed #c3a45e;padding:13px 0}
 #game-hub .pgh-exchange-badge{font-size:15px;padding:6px 19px}
 #game-hub .pgh-exchange p{font-size:12px;max-width:270px}
 #game-hub .pgh-token-art{width:84px;max-width:30%}
 #game-hub .pgh-inactive{font-size:10px}
 #game-hub .pgh-bottom-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 12px}
 #game-hub .pgh-update{grid-template-columns:24px minmax(0,1fr) 10px;gap:6px 10px;padding:14px 12px;min-height:0;font-size:14px}
 #game-hub .pgh-update>.pgh-icon{grid-column:1;grid-row:1/3}
 #game-hub .pgh-update>strong{grid-column:2;grid-row:1}
 #game-hub .pgh-update>span{grid-column:2;grid-row:2;font-size:12px}
 #game-hub .pgh-update>b{grid-column:3;grid-row:1/3}
 #game-hub .pgh-resources>a,#game-hub .pgh-resources>button{font-size:13px;gap:8px;padding:13px 12px;min-height:54px}
 #game-hub .pgh-development-note{font-size:10px;line-height:1.6;padding:4px 15px 16px}
 #game-hub dialog{padding:18px;font-size:14px}
 #game-hub dialog h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){#game-hub *{scroll-behavior:auto!important}}

.site-header a[data-game-nav][aria-current="page"]{box-shadow:inset 0 -3px #bd9639;color:#182443}