/* DUELFRONT's illustrated FRONT campaign. Every visible action is an HTML link. */
.df-site{--df-ink:#1f251e;--df-paper:#f4eedb;--df-gold:#f1bd42;--df-rust:#b94a30;background:var(--df-paper);color:var(--df-ink);margin:20px auto 40px;max-width:1440px;border:2px solid var(--df-ink);border-radius:5px;overflow:hidden;font-family:inherit;line-height:1.8;isolation:isolate}
.df-site *{box-sizing:border-box}.df-site h1,.df-site h2,.df-site h3{color:inherit;font-weight:900;line-height:1.35;letter-spacing:-.035em}.df-site p,.df-site figure{margin:0}.df-site a{color:inherit}.df-site a:focus-visible{outline:3px solid #2479b5;outline-offset:4px;position:relative;z-index:3}.df-site img{display:block;max-width:100%}.df-site [id]{scroll-margin-top:24px}
.df-site .df-entry{position:relative;min-height:650px;display:flex;align-items:center;padding:58px 5%;background:#272d24;color:#fff8de;isolation:isolate}
.df-site .df-entry-art{position:absolute;inset:0;z-index:-3}.df-site .df-entry-art img{width:100%;height:100%;object-fit:cover;object-position:68% center}.df-site .df-entry:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1a211df2 0%,#1a211ddd 27%,#1a211d6b 49%,transparent 71%),linear-gradient(0deg,#161f1dd9,transparent 32%)}
.df-site .df-entry:before{content:"";position:absolute;inset:auto 0 0;height:8px;z-index:2;background:repeating-linear-gradient(-45deg,#242b23 0 18px,#dfaf40 18px 36px)}
.df-site .df-entry-content{width:52%;max-width:590px;padding:8px 0 14px;position:relative;z-index:1}.df-site .df-entry-eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;color:#f8d676;border-bottom:1px solid #d2b26780;padding-bottom:10px;margin-bottom:24px}.df-site .df-entry h1{margin:0}.df-site .df-entry-brand{display:block;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(49px,6.35vw,88px);line-height:.96;letter-spacing:.004em;transform:skew(-5deg);transform-origin:left;color:#fff8de;text-shadow:2px 2px 0 #1c211c,4px 4px 0 #1c211c,5px 6px 0 #c89936;-webkit-text-stroke:1px #1d251e;white-space:nowrap}.df-site .df-entry-subtitle{display:block;font-size:15px;letter-spacing:.4em;margin-top:16px;color:#f7d284;text-shadow:0 2px 2px #17231d}.df-site .df-entry-catch{font-size:clamp(30px,3.35vw,46px);font-weight:900;line-height:1.38;margin:28px 0 18px;letter-spacing:.01em;text-shadow:0 2px 4px #17231d}.df-site .df-entry-catch em,.df-site .df-mindgame-copy h2 em{font-style:normal;color:var(--df-gold)}.df-site .df-entry-tagline{font-size:15px;line-height:1.9;color:#f4eedb;max-width:29em}.df-site .df-entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}.df-site .df-button{display:inline-flex;gap:22px;justify-content:space-between;align-items:center;min-height:52px;padding:13px 24px;border:2px solid #252b22;border-radius:2px;text-decoration:none;font-size:15px;font-weight:900;line-height:1.55;box-shadow:4px 4px 0 #252b22;transition:transform .15s,box-shadow .15s}.df-site a.df-button--primary,.df-site a.df-button--primary:visited{background:var(--df-gold);color:#1f251e}.df-site a.df-button--ink,.df-site a.df-button--ink:visited{background:#283629;color:#fff1c4;border-color:#283629;box-shadow:4px 4px 0 #c4b68e}.df-site .df-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #252b22}.df-site a.df-entry-practice,.df-site a.df-entry-practice:visited{font-size:13px;font-weight:700;color:#fff4d8;text-decoration:underline;text-underline-offset:5px;min-height:32px;display:inline-flex;align-items:center;gap:20px}.df-site .df-entry-note{margin-top:18px;font-size:11px;color:#e2dfcb}.df-site .df-entry-unavailable{margin-top:28px;padding:12px 0;color:#f6cd79}.df-site .df-art-caption{position:absolute;right:22px;bottom:19px;font-size:10px;color:#fff9e3;text-shadow:0 1px 3px #17231d}.df-site .df-entry-stamp{position:absolute;right:5%;bottom:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border:3px solid #f3d58d;border-radius:50%;outline:1px solid #f3d58d;outline-offset:-8px;background:#293125ce;color:#ffe1a0;transform:rotate(10deg);box-shadow:0 3px 10px #20241970}.df-site .df-entry-stamp b{font:900 40px/1.05 Impact,sans-serif}.df-site .df-entry-stamp b span{font-size:18px;padding-inline:3px}.df-site .df-entry-stamp small{font-size:11px;letter-spacing:.1em}
.df-site .df-site-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#252f24;color:#f1e8cd;padding:12px 4%;border-bottom:3px solid var(--df-gold)}.df-site .df-site-nav a{display:inline-flex;min-height:42px;align-items:center;padding:7px 13px;font-size:13px;text-decoration:none;font-weight:800;color:#f1e8cd}.df-site .df-site-nav a:hover,.df-site .df-site-nav a[aria-current]{color:#ffe188;background:#ffffff0a}.df-site .df-site-nav .df-nav-play{margin-left:auto;background:var(--df-gold);color:#232b21;padding-inline:20px}.df-site .df-series-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:33px 5%;border-bottom:1px solid #cbbf9e;background:#ece3c9}.df-site .df-series-intro>p{font-size:13px;line-height:1.8;color:#62644f}.df-site .df-series-intro>p strong{font-size:21px;color:#293225}.df-site .df-series-intro>div{display:flex;gap:40px}.df-site .df-series-intro>div span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;white-space:nowrap}.df-site .df-series-intro b{font:italic 900 45px/1 Impact,"Arial Narrow",sans-serif;color:#a5472e}
.df-site .df-section{padding:60px 5%}.df-site .df-section-heading{max-width:780px;margin-bottom:30px}.df-site .df-kicker{font-size:12px;font-weight:900;letter-spacing:.15em;color:#a54d33;margin-bottom:12px}.df-site .df-section-heading h2{font-size:clamp(26px,3.15vw,42px);margin:0 0 18px}.df-site .df-section-heading>p:last-child,.df-site .df-section-heading--split>p{font-size:14px;line-height:1.9;color:#5d6354}.df-site .df-section-heading--split{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:none;align-items:end}.df-site .df-section-heading--split h2{margin-bottom:0}.df-site .df-mindgame{display:grid;grid-template-columns:1.07fr 1fr;background:#263426;color:#f7edcf;position:relative;isolation:isolate}.df-site .df-mindgame-art{position:relative;min-height:660px;overflow:hidden}.df-site .df-mindgame-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b271ec4,transparent 28%),linear-gradient(90deg,transparent 88%,#263426)}.df-site .df-mindgame-art img{height:100%;width:100%;object-fit:cover;object-position:center}.df-site .df-impact-word{position:absolute;left:7%;bottom:44px;z-index:1;font-size:clamp(32px,3.5vw,49px);font-weight:900;color:#fff0bf;transform:rotate(-5deg);text-shadow:3px 3px 0 #273226,5px 5px 0 #273226;writing-mode:vertical-rl;letter-spacing:.12em}.df-site .df-mindgame-copy{padding:50px 10% 50px 7%;align-self:center}.df-site .df-mindgame-copy .df-kicker{color:#eec96e}.df-site .df-mindgame-copy h2{font-size:clamp(27px,3vw,41px);margin:0 0 20px}.df-site .df-mindgame-copy>p:not(.df-kicker){color:#d7dec9;font-size:14px;line-height:1.9}.df-site .df-tactics{list-style:none;padding:0;margin:24px 0}.df-site .df-tactics li{display:flex;gap:15px;padding:17px 0;border-top:1px solid #8b95663d}.df-site .df-tactics li>span{font:italic 900 26px/1 Impact,sans-serif;color:#ecbd4d;padding-top:3px}.df-site .df-tactics h3{font-size:18px;letter-spacing:0;margin:0 0 6px}.df-site .df-tactics p{font-size:12px;color:#c7d1bb;line-height:1.85}.df-site a.df-text-link{color:#f3cd75;font-size:13px;font-weight:700;text-underline-offset:5px}.df-site .df-roster{position:relative;background:radial-gradient(#8c805419 .9px,transparent .9px) 0 0/6px 6px,#f4eedb}.df-site .df-roster-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px 10px}.df-site .df-roster-person{border:1px solid #c1b28d;min-width:0;background:#e5d7b2;box-shadow:2px 3px 0 #c6b892;transform:rotate(-1deg)}.df-site .df-roster-person:nth-child(2n){transform:rotate(1deg)}.df-site .df-roster-person:nth-child(3n){transform:rotate(0deg)}.df-site .df-roster-portrait{width:100%;aspect-ratio:1/1.15;background-size:200% 200%;background-repeat:no-repeat}.df-site .df-roster-person figcaption{display:flex;flex-direction:column;gap:1px;padding:9px 4px;text-align:center;background:#fff8e3;border-top:1px solid #c2b492;line-height:1.6}.df-site .df-roster-person strong{font-size:12px;white-space:nowrap}.df-site .df-roster-person small{font-size:9px;color:#76735d}.df-site .df-style-strip{margin-top:28px;display:flex;gap:20px;align-items:center;border-top:2px solid #c9bc96;border-bottom:1px solid #c9bc96;padding:18px 0}.df-site .df-style-strip>p{font-size:11px;font-weight:800;color:#686b56;flex:.9}.df-site .df-style-strip>div{display:flex;align-items:baseline;gap:12px;flex:1}.df-site .df-style-strip strong{font-size:24px;color:#9e482f;white-space:nowrap}.df-site .df-style-strip span{font-size:11px;color:#63634f;white-space:nowrap}.df-site .df-roster-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}.df-site .df-roster-footer p{font-size:12px;color:#636753;max-width:430px}.df-site .df-roster-footer .df-button{white-space:nowrap;font-size:13px}
.df-site .df-battlefields{background:#dfd5b8;border-top:1px solid #c4b590}.df-site .df-map-gallery h2{font-size:clamp(26px,3.15vw,42px);margin:0 0 16px}.df-site .df-map-gallery>p{max-width:58em;font-size:14px;color:#62644e;line-height:1.9}.df-site .df-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.df-site .df-map-card{min-width:0;position:relative;overflow:hidden;background:#283025;border:2px solid #343b2b;color:#fff5d2}.df-site .df-map-card:first-child{grid-column:span 2;grid-row:span 2}.df-site .df-map-card img{width:100%;height:100%;min-height:190px;aspect-ratio:16/10;object-fit:cover}.df-site .df-map-card:first-child img{position:absolute;inset:0;aspect-ratio:auto}.df-site .df-map-card figcaption{position:absolute;inset:auto 0 0;padding:55px 18px 18px;background:linear-gradient(0deg,#202b20f5 0%,#202b20cf 58%,transparent)}.df-site .df-map-card small{display:inline-block;color:#ffda78;font-size:10px;font-weight:800;letter-spacing:.2em;line-height:1.4}.df-site .df-map-card h3{font-size:22px;margin:4px 0 6px;letter-spacing:.02em;color:#fff5d2}.df-site .df-map-card p{color:#e3e4ce;font-size:11px;line-height:1.75;max-width:37em}.df-site .df-map-card:first-child figcaption{padding:75px 28px 28px}.df-site .df-map-card:first-child h3{font-size:32px}.df-site .df-map-card:first-child p{font-size:13px}.df-site .df-map-grid .df-map-card:nth-child(4){grid-column:span 2}.df-site .df-map-grid .df-map-card:nth-child(4) img{aspect-ratio:2.6/1;max-height:245px}.df-site .df-map-note{margin-top:18px!important;font-size:12px!important}
.df-site .df-enlist{background:#f2bc43;position:relative;background-image:repeating-linear-gradient(-55deg,transparent 0 36px,#fff5c50a 36px 38px)}.df-site .df-enlist .df-kicker{color:#6b472c}.df-site .df-enlist .df-section-heading{margin-bottom:26px}.df-site .df-enlist h2{color:#293124}.df-site .df-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.df-site .df-mode{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;padding:20px 18px 23px;min-height:167px;border:2px solid #34402c;background:#f6e4b3;color:#243021;text-decoration:none;box-shadow:4px 4px 0 #836c2b;transition:transform .15s,box-shadow .15s}.df-site a.df-mode,.df-site a.df-mode:visited{color:#243021}.df-site .df-mode.is-primary{background:#2b3c2a;color:#fff1c1}.df-site a.df-mode.is-primary,.df-site a.df-mode.is-primary:visited{color:#fff1c1}.df-site .df-mode .df-mode-number{font:italic 900 20px/1 Impact,sans-serif;color:#a17d39;margin-bottom:16px}.df-site .df-mode.is-primary .df-mode-number{color:#f2c052}.df-site .df-mode strong{font-size:19px;line-height:1.4;margin-bottom:9px}.df-site .df-mode>span:not(.df-mode-number){font-size:11px;line-height:1.8}.df-site .df-mode>b{position:absolute;right:16px;top:18px;font-size:24px;line-height:1}.df-site .df-mode:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #836c2b}.df-site .df-small-note{font-size:12px;line-height:1.85;margin:24px 0;color:#675b33}.df-site .df-more-links{display:flex;gap:30px;flex-wrap:wrap}.df-site .df-more-links a{font-size:13px;font-weight:800;text-underline-offset:5px}.df-site .df-series-footer{background:#202a20;color:#f2e9ce;padding:32px 5%;display:flex;gap:34px;justify-content:space-between;align-items:center;border-top:5px solid #1b221c}.df-site .df-series-footer>div small{display:block;font-size:10px;color:#c1c9af;margin-bottom:7px}.df-site .df-series-footer>div strong{font:700 22px/1 Impact,sans-serif;letter-spacing:.06em;color:#f2c45e}.df-site .df-series-footer nav{display:flex;gap:28px;flex-wrap:wrap}.df-site .df-series-footer nav>a,.df-site .df-series-current{font:700 17px/1.4 Impact,sans-serif;letter-spacing:.03em;text-decoration:none;display:flex;flex-direction:column;color:#dde1ca}.df-site .df-series-current{color:#f2c45e}.df-site .df-series-footer nav span span,.df-site .df-series-footer nav a span{font:400 10px/1.6 sans-serif;letter-spacing:.12em;margin-top:4px}.df-site .df-series-footer nav>a:hover{color:#f2c45e}
.df-site .df-entry-brand-link{font:700 33px/1 Impact,sans-serif;text-decoration:none;color:#fff6d4}.df-site .df-entry-brand-link small{font:700 12px/1.5 sans-serif;letter-spacing:.15em;display:block;margin-top:8px}.df-site .df-guide-title{font-size:clamp(27px,3.2vw,44px);margin:30px 0 20px!important}.df-site--learning .df-entry{min-height:530px}.df-site .df-guide h2{font-size:clamp(26px,3.15vw,42px);margin:0 0 24px}.df-site .df-guide-steps{counter-reset:df-step;list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:22px 35px}.df-site .df-guide-steps li{font-size:13px;line-height:1.9;border-top:1px solid #bcb08d;padding-top:16px;counter-increment:df-step}.df-site .df-guide-steps li:before{content:"0" counter(df-step);display:block;font:italic 900 26px/1.2 Impact,sans-serif;color:#a4472e;margin-bottom:10px}.df-site .df-guide>p{font-size:12px;line-height:1.9;color:#61664f}
@media(min-width:1250px){.df-site .df-entry-brand{font-size:86px}.df-site .df-roster-grid{gap:18px 13px}.df-site .df-roster-person strong{font-size:14px}}
@media(max-width:1000px){.df-site .df-entry{min-height:610px;padding-inline:4%}.df-site .df-entry-content{width:55%}.df-site .df-entry-brand{font-size:clamp(42px,6.5vw,72px)}.df-site .df-entry-catch{font-size:34px}.df-site .df-entry-stamp{right:4%;width:96px;height:96px}.df-site .df-section{padding:46px 4%}.df-site .df-series-intro{padding:27px 4%;gap:22px}.df-site .df-series-intro>div{gap:22px}.df-site .df-series-intro b{font-size:36px}.df-site .df-series-intro>div span{gap:7px;font-size:11px}.df-site .df-series-intro>p strong{font-size:18px}.df-site .df-mindgame-copy{padding:38px 8% 38px 5%}.df-site .df-mindgame-art{min-height:630px}.df-site .df-mindgame-copy h2{font-size:30px}.df-site .df-mindgame-copy>p:not(.df-kicker){font-size:13px}.df-site .df-tactics h3{font-size:16px}.df-site .df-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.df-site .df-roster-person strong{font-size:14px}.df-site .df-roster-person small{font-size:10px}.df-site .df-roster-portrait{aspect-ratio:1}.df-site .df-style-strip{gap:16px}.df-site .df-style-strip>div{display:block}.df-site .df-style-strip span{display:block}.df-site .df-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.df-site .df-mode{min-height:155px}.df-site .df-series-footer{display:block}.df-site .df-series-footer>div{margin-bottom:23px}.df-site .df-series-footer nav{gap:35px}}
@media(max-width:720px){.df-site .df-site-nav{gap:0;padding:8px 3%}.df-site .df-site-nav a{font-size:11px;padding:7px 10px}.df-site .df-site-nav .df-nav-play{padding-inline:13px}.df-site .df-series-intro{display:block;padding-block:24px}.df-site .df-series-intro>p{font-size:12px}.df-site .df-series-intro>p br{display:none}.df-site .df-series-intro>p strong{font-size:16px;margin-left:5px}.df-site .df-series-intro>div{justify-content:space-between;margin-top:18px;gap:12px}.df-site .df-series-intro b{font-size:37px}.df-site .df-section-heading--split{grid-template-columns:1fr;gap:17px}.df-site .df-mindgame{grid-template-columns:1fr}.df-site .df-mindgame-art{min-height:0;height:370px}.df-site .df-mindgame-art img{object-position:center 45%}.df-site .df-mindgame-art:after{background:linear-gradient(0deg,#263426,transparent 25%)}.df-site .df-impact-word{font-size:38px;left:6%;bottom:30px}.df-site .df-mindgame-copy{padding:20px 6% 42px}.df-site .df-mindgame-copy h2{font-size:33px}.df-site .df-mindgame-copy>p:not(.df-kicker){font-size:14px}.df-site .df-tactics li{padding:18px 0}.df-site .df-tactics h3{font-size:18px}.df-site .df-tactics p{font-size:13px}.df-site .df-map-grid{gap:14px;grid-template-columns:1fr 1fr}.df-site .df-map-card:first-child{grid-column:span 2;grid-row:auto;min-height:320px}.df-site .df-map-grid .df-map-card:nth-child(4){grid-column:auto}.df-site .df-map-grid .df-map-card:nth-child(4) img{aspect-ratio:16/10;max-height:none}.df-site .df-map-card:not(:first-child) img{min-height:260px}.df-site .df-map-card figcaption{padding:40px 13px 15px}.df-site .df-map-card h3{font-size:19px}.df-site .df-map-card:first-child h3{font-size:28px}.df-site .df-map-card:first-child figcaption{padding:55px 22px 22px}.df-site .df-roster-footer{display:block}.df-site .df-roster-footer .df-button{margin-top:18px}}
@media(max-width:640px){.df-site{margin:10px auto 26px;border-width:1px;border-radius:3px}.df-site .df-entry{min-height:0;display:block;padding:325px 6% 44px}.df-site .df-entry-art{bottom:auto;height:620px}.df-site .df-entry-art img{object-position:center top}.df-site .df-entry:after{background:linear-gradient(0deg,#1b261e 0%,#1b261ef7 31%,#1b261e5c 61%,transparent 80%)}.df-site .df-entry-content{width:100%;max-width:none;padding:0}.df-site .df-entry-eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px;padding-bottom:8px}.df-site .df-entry-brand{font-size:clamp(39px,10vw,61px);-webkit-text-stroke:.6px #1d251e;letter-spacing:0}.df-site .df-entry-subtitle{font-size:12px;letter-spacing:.27em;margin-top:12px}.df-site .df-entry-catch{font-size:35px;margin:24px 0 15px;line-height:1.33}.df-site .df-entry-tagline{font-size:13px;line-height:1.9}.df-site .df-entry-actions{margin-top:24px;gap:11px}.df-site .df-entry-actions .df-button{width:100%;max-width:340px;font-size:15px;padding:13px 20px}.df-site .df-entry-practice{font-size:12px}.df-site .df-entry-note{font-size:10px;line-height:1.9;margin-top:13px}.df-site .df-entry-stamp{top:222px;right:6%;bottom:auto;width:80px;height:80px;border-width:2px}.df-site .df-entry-stamp b{font-size:30px}.df-site .df-entry-stamp b span{font-size:14px}.df-site .df-entry-stamp small{font-size:9px}.df-site .df-art-caption{right:6%;bottom:16px;font-size:9px}.df-site .df-site-nav{justify-content:center;gap:2px;padding:8px 3%}.df-site .df-site-nav a{font-size:10px;min-height:40px;padding:6px 9px}.df-site .df-site-nav .df-nav-play{margin-left:0;padding-inline:17px}.df-site .df-series-intro{padding:24px 6%}.df-site .df-series-intro>p br{display:block}.df-site .df-series-intro>p strong{margin-left:0;font-size:20px}.df-site .df-series-intro>div span{flex-direction:column;gap:5px;flex:1;font-size:10px}.df-site .df-section{padding:38px 6%}.df-site .df-section-heading h2{font-size:28px}.df-site .df-kicker{font-size:10px;letter-spacing:.08em}.df-site .df-section-heading>p:last-child,.df-site .df-section-heading--split>p{font-size:13px}.df-site .df-roster-grid{gap:12px 8px}.df-site .df-roster-person figcaption{padding:7px 2px}.df-site .df-roster-person strong{font-size:10px}.df-site .df-roster-person small{font-size:8px}.df-site .df-style-strip{position:relative;gap:12px;padding-top:40px;justify-content:space-between}.df-site .df-style-strip>p{position:absolute;left:0;top:12px}.df-site .df-style-strip>div{flex:1}.df-site .df-style-strip strong{font-size:22px}.df-site .df-style-strip span{font-size:9px;line-height:1.6;white-space:normal}.df-site .df-roster-footer p{font-size:11px}.df-site .df-roster-footer .df-button{width:100%;font-size:13px}.df-site .df-map-gallery>p{font-size:13px}.df-site .df-map-gallery h2{font-size:28px;line-height:1.4}.df-site .df-map-grid{gap:12px}.df-site .df-map-card:first-child{min-height:270px}.df-site .df-map-card:not(:first-child) img{min-height:255px}.df-site .df-map-card figcaption{padding:50px 10px 12px}.df-site .df-map-card h3{font-size:16px;line-height:1.4}.df-site .df-map-card p{font-size:10px}.df-site .df-map-card small{font-size:9px}.df-site .df-map-card:first-child h3{font-size:27px}.df-site .df-map-card:first-child p{font-size:12px}.df-site .df-map-note{font-size:11px!important}.df-site .df-mode-grid{gap:13px}.df-site .df-mode{min-height:174px;padding:17px 12px 20px;box-shadow:3px 3px 0 #836c2b}.df-site .df-mode strong{font-size:17px}.df-site .df-mode>span:not(.df-mode-number){font-size:10px}.df-site .df-mode .df-mode-number{font-size:18px;margin-bottom:16px}.df-site .df-mode>b{right:12px;top:16px;font-size:22px}.df-site .df-small-note{font-size:11px}.df-site .df-more-links{gap:20px}.df-site .df-more-links a{font-size:12px}.df-site .df-series-footer{padding:29px 6%}.df-site .df-series-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:19px}.df-site .df-series-footer nav>a,.df-site .df-series-current{font-size:18px}.df-site--learning .df-entry{min-height:0;padding-top:270px}.df-site--learning .df-entry-stamp{display:none}.df-site .df-entry-brand-link{font-size:32px}.df-site .df-guide-title{font-size:31px;margin-top:24px!important}.df-site .df-guide-steps{grid-template-columns:1fr;gap:18px}.df-site .df-guide-steps li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.df-site *{scroll-behavior:auto!important;transition:none!important}}

/* Let the full duel composition breathe: neither combatant is cropped from the illustration. */
.df-site .df-mindgame{display:block}.df-site .df-mindgame-art{min-height:0;height:auto;aspect-ratio:1.9/1}.df-site .df-mindgame-art img{object-position:center 45%;width:100%;height:100%}.df-site .df-mindgame-art:after{background:linear-gradient(0deg,#263426,transparent 25%)}.df-site .df-mindgame-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding:35px 5% 50px}.df-site .df-mindgame-intro>p:not(.df-kicker){font-size:14px;line-height:1.9;color:#d7dec9}.df-site .df-mindgame-intro .df-text-link{display:inline-block;margin-top:23px}.df-site .df-mindgame-copy .df-tactics{margin:0}.df-site .df-impact-word{writing-mode:horizontal-tb;bottom:30px;left:5%;font-size:clamp(31px,4vw,54px)}
@media(max-width:720px){.df-site .df-mindgame-copy{display:block;padding:20px 6% 40px}.df-site .df-mindgame-copy .df-tactics{margin-top:26px}.df-site .df-mindgame-art{aspect-ratio:1.5/1}.df-site .df-impact-word{font-size:32px;bottom:22px}.df-site .df-mindgame-intro .df-text-link{margin-top:17px}}

.df-site .df-more-links a,.df-site .df-more-links a:visited{color:#293124!important}
/* Clear the portal's persistent header when following section links. */
.df-site [id]{scroll-margin-top:115px}.df-site h2{text-wrap:balance}
@media(max-width:640px){.df-site [id]{scroll-margin-top:150px}}
/* 2026-09-29: the story entry beside the practice link (shown with DUELFRONT_STORY_ENABLED), in the story gold. */
.df-site a.df-entry-story,.df-site a.df-entry-story:visited{color:#f0c77f}
/* 2026-10-10 FA-47: スマホの縦で、題名と主ボタンを最初の画面に入れる。絵の見える高さを 325 px → 112 px に詰め、文字を少し小さくする（紹介のトップ） */
@media(max-width:640px){.df-site:not(.df-site--learning) .df-entry{padding:112px 6% 26px}.df-site:not(.df-site--learning) .df-entry-art{height:460px}.df-site:not(.df-site--learning) .df-entry:after{background:linear-gradient(0deg,#1b261e 0%,#1b261ef7 52%,#1b261e80 80%,transparent 100%)}.df-site:not(.df-site--learning) .df-entry-eyebrow{margin-bottom:10px}.df-site:not(.df-site--learning) .df-entry-subtitle{margin-top:6px}.df-site:not(.df-site--learning) .df-entry-catch{font-size:25px;margin:10px 0 6px}.df-site:not(.df-site--learning) .df-entry-tagline{line-height:1.7}.df-site:not(.df-site--learning) .df-entry-actions{margin-top:14px}.df-site:not(.df-site--learning) .df-entry-stamp{top:14px;width:62px;height:62px}.df-site:not(.df-site--learning) .df-entry-stamp b{font-size:24px}}
/* 2026-10-10 FA-47: パンくずは 1 行（DUELFRONT の紹介ページは FRONT シリーズの案内の CSS を読まないので、同じ規則をここにも置く） */
@media(max-width:760px){.store-breadcrumb{margin:0;padding-block:4px 0}.store-breadcrumb .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-bottom:0;padding-block:4px;scrollbar-width:none}.store-breadcrumb .breadcrumb::-webkit-scrollbar{display:none}.store-breadcrumb .breadcrumb-item{flex:0 0 auto}.store-breadcrumb .breadcrumb-item.active{flex:0 1 auto;min-width:5em;overflow:hidden;text-overflow:ellipsis}}