.sq-page{margin-block-start:0!important;color:#2e3431;background:#faf8f2;overflow:hidden}
.sq-page *{box-sizing:border-box}
.sq-page .sq-wrap{position:relative;width:min(100% - 48px,1120px);margin-inline:auto}
.sq-page .sq-section{position:relative;margin:0;padding-block:clamp(56px,7vw,92px)}
.sq-page .sq-section h2{font-size:clamp(25px,3vw,36px);line-height:1.45;margin:0 0 24px}
.sq-page h3{font-size:19px;line-height:1.55;margin:14px 0 10px}
.sq-page p{line-height:1.9;margin:0 0 16px}
.sq-page .sq-kicker{font-size:11px;font-weight:750;letter-spacing:.18em;color:#526c56;margin-bottom:13px}
.sq-page .sq-small,.sq-page small{font-size:12px}
.sq-page .sq-note{margin-top:22px;font-size:14px;color:#596358}
.sq-page .sq-dice-defs{position:absolute;width:0;height:0;overflow:hidden}
.sq-page .sq-dice-defs rect{fill:#fffdf6;stroke:#426252;stroke-width:2}
.sq-page .sq-dice-defs circle{fill:#426252}
.sq-page .sq-die{display:inline-block;flex:none;width:38px;height:38px;color:#426252;vertical-align:middle}
.sq-page .sq-die rect{fill:#fffdf6;stroke:currentColor;stroke-width:2}
.sq-page .sq-die circle{fill:currentColor}
.sq-page .sq-dices,.sq-page .sq-dice-pair{display:flex;align-items:center;gap:8px;min-height:42px}

.sq-page .sq-hero{min-height:670px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(255,253,247,.82) 0%,rgba(255,253,247,.50) 35%,rgba(255,253,247,.04) 68%),url(../images/saikoro-quest-bg-hero.jpg);background-size:cover;background-position:center}
.sq-page .sq-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;grid-template-areas:"copy board" "meta board";gap:24px 44px;align-items:center}
.sq-page .sq-hero-copy{grid-area:copy;padding-block:12px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.sq-page .sq-hero-copy h1{font-size:clamp(35px,4vw,52px);line-height:1.15;margin:0 0 24px}
.sq-page .sq-catch{font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.45;margin-bottom:18px}
.sq-page .sq-board{position:relative;grid-area:board;margin:12px 26px 34px 10px;min-width:0;transform:perspective(1100px) translateY(-5px) rotateY(-2deg) rotateZ(.7deg);transform-origin:center;filter:drop-shadow(0 26px 30px rgba(54,57,40,.23))}
.sq-page .sq-board::before,.sq-page .sq-board::after{content:"";position:absolute;inset:2.5% 1.5%;border-radius:10px;background:rgba(255,252,240,.78);box-shadow:0 10px 26px rgba(66,62,39,.15)}
.sq-page .sq-board::before{z-index:0;transform:rotate(-1.5deg) translate(-7px,12px)}
.sq-page .sq-board::after{z-index:1;transform:rotate(.7deg) translate(7px,6px)}
.sq-page .sq-board img{position:relative;z-index:2;display:block;width:100%;height:auto;border:7px solid rgba(255,255,255,.88);border-radius:9px;box-shadow:0 13px 28px rgba(55,57,40,.19)}
.sq-page .sq-hero-meta{grid-area:meta}
.sq-page .sq-meta{font-size:15px;font-weight:700}
.sq-page .wp-block-button__link{min-height:48px;padding:12px 24px;font-size:16px;border-radius:8px}

.sq-page .sq-story{min-height:610px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(249,247,238,.82) 0%,rgba(249,247,238,.56) 40%,rgba(249,247,238,.02) 72%),url(../images/saikoro-quest-bg-story.jpg);background-size:cover;background-position:center right}
.sq-page .sq-story-copy{max-width:690px;padding:22px 54px 22px 0;background:linear-gradient(90deg,rgba(255,253,246,.58),rgba(255,253,246,.26) 72%,transparent)}
.sq-page .sq-story-copy p{margin-bottom:13px;text-shadow:0 1px rgba(255,255,255,.55)}

.sq-page .sq-features{background-image:linear-gradient(180deg,rgba(251,249,243,.44) 0%,rgba(251,249,243,.55) 55%,rgba(250,248,242,.78) 100%),url(../images/saikoro-quest-bg-about.jpg);background-size:cover;background-position:center 45%}
.sq-page .sq-intro-copy{position:relative;max-width:650px;padding:32px 64px 34px 0;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.sq-page .sq-intro-copy::after{content:"";position:absolute;right:8px;bottom:27px;width:38px;height:38px;border:1px solid rgba(82,108,86,.55);border-radius:50%;background:linear-gradient(45deg,transparent 46%,#526c56 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#526c56 47% 53%,transparent 54%);opacity:.55;transform:rotate(12deg)}
.sq-page .sq-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:54px}
.sq-page .sq-feature{position:relative;padding:24px 24px 25px;border:0;border-left:4px solid rgba(92,122,94,.58);border-radius:5px 18px 8px 15px;background:linear-gradient(135deg,rgba(255,254,248,.88),rgba(244,242,223,.74));box-shadow:0 9px 20px rgba(65,78,48,.07);backdrop-filter:blur(1px);transform:rotate(-.35deg)}
.sq-page .sq-feature::after{content:"";position:absolute;right:14px;top:12px;width:32px;height:10px;border-radius:50%;background:rgba(152,132,78,.12);transform:rotate(-9deg)}
.sq-page .sq-feature:nth-child(2){border-left-color:rgba(183,145,70,.55);background:linear-gradient(145deg,rgba(255,253,243,.88),rgba(241,231,202,.73));transform:translateY(18px) rotate(.45deg)}
.sq-page .sq-feature:nth-child(3){border-left-color:rgba(121,105,93,.55);background:linear-gradient(135deg,rgba(255,253,246,.9),rgba(231,231,215,.74));transform:rotate(-.2deg)}
.sq-page .sq-feature p{font-size:14px;margin:0}

.sq-page .sq-how{background:linear-gradient(180deg,#f3f0e5,#eee9da)}
.sq-page .sq-route{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr .45fr;gap:22px;margin-top:28px;padding:45px 12px 16px}
.sq-page .sq-route-road{position:absolute;z-index:0;pointer-events:none;overflow:visible}
.sq-page .sq-route-road path{fill:none;stroke-linecap:round}
.sq-page .sq-route-road .sq-road-edge{stroke:#b9a274;stroke-width:22;opacity:.72;filter:drop-shadow(0 3px 0 rgba(255,255,255,.55))}
.sq-page .sq-route-road .sq-road-center{stroke:#e3d8b9;stroke-width:13;opacity:.96}
.sq-page .sq-route-road-pc{display:block;left:2%;top:3px;width:94%;height:104px}
.sq-page .sq-route-road-sp{display:none}
.sq-page .sq-route-stop,.sq-page .sq-route-goal{position:relative;min-width:0}
.sq-page .sq-route-stop{z-index:1;padding:54px 12px 8px}
.sq-page .sq-route-desert{transform:translateY(26px)}
.sq-page .sq-route-mountain{transform:translateY(6px)}
.sq-page .sq-route-marker{position:absolute;top:4px;left:12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:4px solid #66806a;border-radius:50%;background:#f7f2e4;color:#526c56;font-size:12px;font-weight:800;box-shadow:0 3px 0 rgba(94,89,62,.10)}
.sq-page .sq-terrain{position:absolute;top:7px;left:54px;display:flex;align-items:flex-end;width:66px;height:34px;opacity:.48}
.sq-page .sq-route-forest .sq-terrain i{position:relative;width:0;height:0;margin-right:4px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:25px solid #668064}
.sq-page .sq-route-forest .sq-terrain i:nth-child(2){border-left-width:12px;border-right-width:12px;border-bottom-width:33px}
.sq-page .sq-route-desert .sq-terrain i{width:34px;height:15px;margin-right:-8px;border-radius:50% 50% 0 0;background:#c6a45f}
.sq-page .sq-route-mountain .sq-terrain i{width:0;height:0;margin-right:-7px;border-left:19px solid transparent;border-right:19px solid transparent;border-bottom:32px solid #778274}
.sq-page .sq-route-mountain .sq-terrain i:nth-child(2){border-left-width:14px;border-right-width:14px;border-bottom-width:24px;border-bottom-color:#a69772}
.sq-page .sq-route-stop>.sq-die,.sq-page .sq-route-stop>.sq-events,.sq-page .sq-route-stop>.sq-level{display:flex;align-items:center;min-height:46px;margin-bottom:12px}
.sq-page .sq-events{flex-wrap:wrap;gap:5px}
.sq-page .sq-events b{padding:5px 8px;border:1px solid #cbd3c1;border-radius:16px;background:#faf9f3;font-size:11px;font-weight:600}
.sq-page .sq-level{gap:7px;font-weight:700;color:#526c56}
.sq-page .sq-level i{font-style:normal;color:#a18b50}
.sq-page .sq-route-stop h3{margin-top:0}
.sq-page .sq-route-stop p{font-size:14px;margin:0}
.sq-page .sq-route-goal{z-index:2;align-self:start;display:flex;flex-direction:column;align-items:center;margin-top:12px;padding:16px 8px 20px;border-radius:50% 50% 14px 14px;background:#655349;color:#fff;text-align:center;box-shadow:0 8px 18px rgba(79,59,48,.18)}
.sq-page .sq-route-goal span{font-size:9px;letter-spacing:.18em}
.sq-page .sq-route-goal strong{margin-top:4px;font-size:17px}

.sq-page .sq-battle{background:#faf8f2}
.sq-page .sq-battle-scene{position:relative;display:grid;grid-template-columns:1.2fr .8fr .72fr;min-height:330px;margin-top:34px;border:1px solid rgba(120,98,70,.28);border-radius:28px;overflow:hidden;background:linear-gradient(115deg,rgba(67,84,66,.93),rgba(95,77,68,.92) 42%,rgba(165,104,63,.88) 72%,rgba(224,174,83,.82));box-shadow:0 18px 42px rgba(66,55,40,.19);color:#fffdf7}
.sq-page .sq-battle-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 44%,rgba(255,242,194,.28),transparent 28%),radial-gradient(circle at 78% 48%,rgba(255,218,112,.26),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(38,30,25,.18));pointer-events:none}
.sq-page .sq-battle-stage{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:30px 25px}
.sq-page .sq-battle-stage+.sq-battle-stage::before{content:"";position:absolute;left:-9px;top:50%;width:16px;height:16px;border-top:3px solid rgba(255,244,211,.72);border-right:3px solid rgba(255,244,211,.72);transform:translateY(-50%) rotate(45deg)}
.sq-page .sq-battle-stage>small,.sq-page .sq-enemy small{font-size:10px;font-weight:800;letter-spacing:.18em;color:#ffe9af}
.sq-page .sq-battle-stage>strong{margin:10px 0 18px;font-size:18px;line-height:1.55}
.sq-page .sq-enemy{display:grid;grid-template-columns:148px 1fr;gap:18px;align-items:center}
.sq-page .sq-enemy-art{width:148px;height:148px;border:5px solid rgba(255,251,231,.82);border-radius:50%;object-fit:cover;object-position:72% 54%;box-shadow:0 10px 28px rgba(27,22,18,.28)}
.sq-page .sq-enemy>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.sq-page .sq-enemy strong{font-size:24px}
.sq-page .sq-weak{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9e8}
.sq-page .sq-action{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.sq-page .sq-action>span{font-weight:750}
.sq-page .sq-roll{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sq-page .sq-roll em{display:inline-flex;padding:5px;border-radius:10px;background:rgba(201,239,190,.28);box-shadow:0 0 0 2px rgba(225,255,213,.5)}
.sq-page .sq-roll .sq-die{width:38px;height:38px;color:#405e4d}
.sq-page .sq-battle-finish{align-items:center;text-align:center}
.sq-page .sq-battle-finish .sq-die-last{width:54px;height:54px}
.sq-page .sq-win{display:inline-block;margin-top:20px;padding:7px 15px;border:1px solid rgba(255,244,185,.75);border-radius:999px;background:#fff1a8;color:#76501e;font-size:16px;letter-spacing:.14em;box-shadow:0 7px 18px rgba(54,35,16,.22);transform:rotate(-3deg)}

.sq-page .sq-needs{padding-block:50px;background:#e8ecdf}
.sq-page .sq-needs h2{margin-bottom:18px}
.sq-page .sq-needs-band{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid #ccd3c4;border-radius:14px;background:#fffdf8;overflow:hidden}
.sq-page .sq-needs-band>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-left:1px solid #d9ddd1}
.sq-page .sq-needs-band>div:first-child{border-left:0}
.sq-page .sq-needs-band dt{display:flex;align-items:center;gap:9px;font-weight:700}
.sq-page .sq-needs-band dd{margin:0;white-space:nowrap;font-weight:750;color:#526c56}
.sq-page .sq-needs-band .sq-die{width:29px;height:29px}
.sq-page .sq-sheet{display:inline-block;width:39px;height:28px;border:2px solid #657456;border-radius:2px;background:repeating-linear-gradient(0deg,#f3f0e5,#f3f0e5 6px,#d8ddcb 7px)}
.sq-page .sq-mini-dice{font-size:15px;letter-spacing:-1px;color:#526c56;white-space:nowrap}

.sq-page .sq-products{background:#faf8f2}
.sq-page .sq-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.sq-page .sq-product{padding:17px;border:1px solid #deddd2;border-radius:14px;background:#fffdf8}
.sq-page .sq-product h3{margin:12px 5px 0}
.sq-page .sq-placeholder{display:flex;align-items:center;justify-content:center;min-height:190px;padding:20px;border:1px dashed #b8b8a6;border-radius:8px;background:#f3f0e7;color:#737363;text-align:center}
.sq-page .sq-placeholder p{margin:0}
.sq-page .sq-placeholder-small{min-height:88px}
.sq-page .sq-history{max-width:500px;margin-top:32px}

.sq-page .sq-buy{text-align:center;background-image:linear-gradient(rgba(233,238,224,.9),rgba(233,238,224,.94)),url(../images/saikoro-quest-bg-hero.jpg);background-size:cover;background-position:center 65%}
.sq-page .sq-buy .wp-block-buttons{justify-content:center}
.sq-page .sq-buy .sq-note{margin-inline:auto}

@media(max-width:781px){
 .sq-page .sq-wrap{width:calc(100% - 32px)}
 .sq-page .sq-section{padding-block:52px}
 .sq-page .sq-hero{min-height:0;background-image:linear-gradient(180deg,rgba(255,253,247,.74) 0%,rgba(255,253,247,.42) 48%,rgba(255,253,247,.68) 100%),url(../images/saikoro-quest-bg-hero.jpg);background-position:68% center}
 .sq-page .sq-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .sq-page .sq-hero-copy h1{font-size:34px}
 .sq-page .sq-catch{font-size:27px}
 .sq-page .sq-board{order:2;margin:4px 16px 18px;transform:translateY(-2px) rotate(-.7deg)}
 .sq-page .sq-board::before{transform:rotate(2deg) translate(5px,7px)}
 .sq-page .sq-board::after{transform:rotate(-1deg) translate(-5px,4px)}
 .sq-page .sq-board img{border-width:5px;box-shadow:0 9px 20px rgba(59,58,38,.17)}
 .sq-page .sq-hero-copy{order:1;padding:0}
 .sq-page .sq-hero-meta{order:3}
 .sq-page .sq-meta{font-size:14px}
 .sq-page .wp-block-buttons,.sq-page .wp-block-button{width:100%}
 .sq-page .wp-block-button__link{display:block;text-align:center}
 .sq-page .sq-story{min-height:0;background-image:linear-gradient(180deg,rgba(249,247,238,.74),rgba(249,247,238,.46)),url(../images/saikoro-quest-bg-story.jpg);background-position:70% center}
 .sq-page .sq-story-copy{padding:12px 14px 12px 0;background:linear-gradient(90deg,rgba(255,253,246,.48),transparent)}
 .sq-page .sq-story-copy p{font-size:14px;line-height:1.8;margin-bottom:10px}
 .sq-page .sq-features{background-position:66% top}
 .sq-page .sq-intro-copy{padding:0 0 18px}
 .sq-page .sq-intro-copy::after{right:5px;bottom:14px;width:28px;height:28px}
 .sq-page .sq-feature-list{display:block;margin-top:14px}
 .sq-page .sq-feature{display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-items:start;margin-top:10px;padding:14px 16px;border-radius:13px;transform:none!important}
 .sq-page .sq-feature>.sq-die,.sq-page .sq-feature>.sq-dices,.sq-page .sq-feature>.sq-dice-pair{grid-column:1;grid-row:1/3;align-self:center}
 .sq-page .sq-feature .sq-dices,.sq-page .sq-feature .sq-dice-pair{flex-wrap:wrap;gap:2px}
 .sq-page .sq-feature .sq-dices .sq-die,.sq-page .sq-feature .sq-dice-pair .sq-die{width:25px;height:25px}
 .sq-page .sq-feature h3{grid-column:2;margin:0 0 5px;font-size:16px}
 .sq-page .sq-feature p{grid-column:2;font-size:12px;line-height:1.65}
 .sq-page .sq-route{display:block;margin-top:22px;padding:2px 0 0 44px}
 .sq-page .sq-route-road-pc{display:none}
 .sq-page .sq-route-road-sp{display:block;left:-2px;top:0;width:48px;height:calc(100% - 34px)}
 .sq-page .sq-route-road .sq-road-edge{stroke-width:18}
 .sq-page .sq-route-road .sq-road-center{stroke-width:10}
 .sq-page .sq-route-stop{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:0 0 20px}
 .sq-page .sq-route-desert,.sq-page .sq-route-mountain{transform:none}
 .sq-page .sq-route-marker{left:-44px;top:1px}
 .sq-page .sq-terrain{top:1px;left:7px;transform:scale(.72);transform-origin:left top}
 .sq-page .sq-route-stop>.sq-die,.sq-page .sq-route-stop>.sq-events,.sq-page .sq-route-stop>.sq-level{grid-column:1;align-self:center;margin:0;min-height:36px}
 .sq-page .sq-route-stop>div:last-child{grid-column:2}
 .sq-page .sq-route-stop h3{font-size:16px;margin:0 0 5px}
 .sq-page .sq-route-stop p{font-size:12px;line-height:1.65}
 .sq-page .sq-events{gap:3px}
 .sq-page .sq-events b{padding:3px 5px;font-size:9px}
 .sq-page .sq-level{font-size:12px}
 .sq-page .sq-route-goal{width:78px;margin:0 0 0 -28px;padding:10px 6px 12px}
 .sq-page .sq-battle-scene{grid-template-columns:1fr 1fr;min-height:0;margin-top:24px;border-radius:18px}
 .sq-page .sq-battle-start{grid-column:1/-1;padding:16px 18px 13px}
 .sq-page .sq-enemy{grid-template-columns:96px 1fr;gap:14px}
 .sq-page .sq-enemy-art{width:96px;height:96px;border-width:3px}
 .sq-page .sq-enemy strong{font-size:20px}
 .sq-page .sq-weak{font-size:12px}
 .sq-page .sq-action{justify-content:flex-start;gap:11px;margin-top:10px;padding-top:10px}
 .sq-page .sq-action>span{font-size:13px}
 .sq-page .sq-battle-hit,.sq-page .sq-battle-finish{min-height:142px;padding:14px 12px 16px}
 .sq-page .sq-battle-hit::before{display:none}
 .sq-page .sq-battle-stage>strong{margin:7px 0 10px;font-size:14px}
 .sq-page .sq-battle-stage+.sq-battle-stage::before{left:-5px;width:9px;height:9px;border-width:2px}
 .sq-page .sq-roll{gap:3px}
 .sq-page .sq-roll .sq-die{width:28px;height:28px}
 .sq-page .sq-roll em{padding:2px}
 .sq-page .sq-battle-finish .sq-die-last{width:39px;height:39px}
 .sq-page .sq-win{margin-top:8px;padding:4px 9px;font-size:11px}
 .sq-page .sq-needs{padding-block:38px}
 .sq-page .sq-needs-band{grid-template-columns:1fr}
 .sq-page .sq-needs-band>div{padding:11px 14px;border-left:0;border-top:1px solid #d9ddd1}
 .sq-page .sq-needs-band>div:first-child{border-top:0}
 .sq-page .sq-product-grid{gap:12px}
 .sq-page .sq-product{padding:10px}
 .sq-page .sq-product h3{font-size:15px;margin:8px 2px 0}
 .sq-page .sq-placeholder{min-height:116px;padding:10px}
 .sq-page .sq-history{margin-top:26px}
 .sq-page .sq-history h3{font-size:17px}
 .sq-page .sq-placeholder-small{min-height:74px}
}

/* Draft 6 supplied reference; only URL and selector scope adapted. */

/* Saikoro Quest draft 6 — visual rules fixed by Chat. Work should adapt selectors, not redesign. */
.sq-page .sq6-fv{position:relative;overflow:hidden;background:#dfeefd url("../images/sq6-bg-fv.jpg") center/cover no-repeat;min-height:620px}
.sq-page .sq6-fv::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.56) 37%,rgba(255,255,255,.08) 68%,rgba(255,255,255,0) 100%)}
.sq-page .sq6-fv__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);align-items:center;gap:34px;max-width:1240px;margin:auto;padding:72px 32px}
.sq-page .sq6-fv__board{width:min(100%,720px);justify-self:end;transform:rotate(1.6deg);filter:drop-shadow(0 18px 24px rgba(34,53,63,.24));border-radius:10px}
.sq-page .sq6-story{background:#eef5ef url("../images/sq6-bg-story.jpg") center/cover no-repeat}
.sq-page .sq6-story__text{max-width:760px;margin:0 auto;padding:92px 56px;background:linear-gradient(90deg,rgba(255,252,245,.91),rgba(255,252,245,.72) 72%,rgba(255,252,245,0));}
.sq-page .sq6-about{background:#edf5ea url("../images/sq6-bg-about.jpg") center/cover no-repeat}
.sq-page .sq6-route{max-width:1180px;margin:0 auto}
.sq-page .sq6-route img{display:block;width:100%;height:auto}
.sq-page .sq6-battle{max-width:1180px;margin:0 auto}
.sq-page .sq6-battle img{display:block;width:100%;height:auto}
.sq-page .sq6-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sq-page .sq6-feature{padding:26px 24px 28px;border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(57,72,67,.08);backdrop-filter:blur(2px)}
.sq-page .sq6-feature img{width:92px;height:68px;display:block;margin:0 auto 14px}
@media (max-width:760px){
 .sq-page .sq6-fv{min-height:auto;background-position:42% center}
 .sq-page .sq6-fv::before{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.36) 48%,rgba(255,255,255,.05) 100%)}
 .sq-page .sq6-fv__inner{grid-template-columns:1fr;gap:24px;padding:46px 20px 34px}
 .sq-page .sq6-fv__board{justify-self:center;width:min(94%,560px);transform:rotate(.7deg)}
 .sq-page .sq6-story__text{padding:66px 22px;background:rgba(255,252,245,.76)}
 .sq-page .sq6-features{grid-template-columns:1fr;gap:14px}
 .sq-page .sq6-feature{display:grid;grid-template-columns:76px 1fr;align-items:center;column-gap:14px;padding:18px 18px}
 .sq-page .sq6-feature img{width:68px;height:54px;margin:0}
}


/* Route labels: fixed positions, not Work-designed. */
.sq-page .sq6-route{position:relative}
.sq-page .sq6-route__label{position:absolute;width:220px;text-align:center;transform:translate(-50%,-50%);font-size:clamp(14px,1.4vw,18px);line-height:1.55;color:#17314e;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.sq-page .sq6-route__label small{display:block;margin-top:4px;font-weight:500;font-size:.84em;line-height:1.45}
.sq-page .sq6-route__label--1{left:13.1%;top:85%}
.sq-page .sq6-route__label--2{left:37.5%;top:75%}
.sq-page .sq6-route__label--3{left:63.1%;top:80%}
.sq-page .sq6-route__label--4{left:89.4%;top:54%}
@media (max-width:760px){
 .sq-page .sq6-route__label{width:250px;font-size:15px;text-align:left;transform:none}
 .sq-page .sq6-route__label--1{left:58%;top:9%}
 .sq-page .sq6-route__label--2{left:7%;top:32%}
 .sq-page .sq6-route__label--3{left:55%;top:58%}
 .sq-page .sq6-route__label--4{left:8%;top:82%}
}

/* Theme compatibility: neutralize inherited group spacing, keep reference geometry. */
.sq-page .sq6-fv,.sq-page .sq6-story{margin:0}
.sq-page .sq6-fv__copy{padding:0;grid-area:auto;order:0}
.sq-page .sq6-fv__inner{width:100%}
.sq-page .sq6-fv__board{height:auto;display:block;margin:0}
.sq-page .sq6-story__text>*:first-child{margin-top:0}
.sq-page .sq6-features{margin-top:54px}
.sq-page .sq6-feature>*{margin-block-start:0}
.sq-page .sq6-feature p{font-size:14px;margin:0}
.sq-page .sq6-route small{font-size:.84em}
@media(max-width:760px){.sq-page .sq6-features{margin-top:14px}.sq-page .sq6-feature h3{margin:0 0 5px;font-size:16px}.sq-page .sq6-feature p{font-size:12px;line-height:1.65}}

/* Draft 7 supplied lower-half reference. URL and selector scope adapted only. */
/* Saikoro Quest draft 7 — Chat-authored lower-half layout reference */
:root{
  --sq7-ink:#17324d;
  --sq7-green:#2f6952;
  --sq7-paper:#fffaf0;
  --sq7-cream:#f6efdd;
  --sq7-accent:#c98a18;
}
.sq7-section{position:relative;overflow:hidden}
.sq7-wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto;padding-block:72px}
.sq7-eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;opacity:.58}
.sq7-title{font-size:clamp(30px,3vw,40px);line-height:1.25;margin:10px 0 16px;font-weight:800;color:var(--sq7-ink)}
.sq7-lead{font-size:17px;line-height:1.9;max-width:760px;margin:0 0 28px;color:#324b60}

/* HOW TO PLAY — no process-line UI. The road in the picture is the connector. */
.sq7-route{background:#f5f0e2}
.sq7-route-stage{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 16px 46px rgba(38,61,51,.12)}
.sq7-route-stage picture,.sq7-route-stage img{display:block;width:100%;height:auto}
.sq7-route-stop{position:absolute;width:245px;padding:14px 16px 14px 48px;background:rgba(255,250,240,.92);border:1px solid rgba(130,105,68,.26);border-radius:16px;box-shadow:0 8px 20px rgba(43,54,36,.15)}
.sq7-route-stop b{display:block;font-size:16px;line-height:1.45;color:var(--sq7-ink)}
.sq7-route-stop span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#53675f}
.sq7-route-num{position:absolute;left:10px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sq7-green);color:#fff;font-weight:800;font-size:14px;font-style:normal}
.sq7-route-stop--goal .sq7-route-num{background:#c4881f}
.sq7-route-stop--1{left:4.5%;top:70%}
.sq7-route-stop--2{left:34%;top:43%}
.sq7-route-stop--3{left:63%;top:60%}
.sq7-route-stop--goal{left:79%;top:18%;width:250px}

/* BATTLE — one continuous scene, not 3 cards. */
.sq7-battle{background:#fffdf8}
.sq7-battle-scene{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:url('../images/sq7-battle-bg.jpg') center/cover no-repeat;box-shadow:0 16px 44px rgba(34,54,70,.10)}
.sq7-battle-scene::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.22)}
.sq7-battle-inner{position:relative;z-index:1;display:grid;grid-template-columns:250px minmax(0,1fr) 80px minmax(0,1fr);gap:20px;align-items:center;min-height:520px;padding:42px}
.sq7-monster{align-self:center}
.sq7-monster-label{font-size:13px;letter-spacing:.08em;font-weight:800;color:var(--sq7-ink);margin:0 0 8px}
.sq7-monster-card{width:250px;filter:drop-shadow(0 12px 14px rgba(36,46,38,.20));transform:rotate(-1.5deg);border-radius:14px}
.sq7-weakness-label{margin-top:8px;font-size:13px;font-weight:800;color:var(--sq7-ink)}
.sq7-weakness{display:flex;gap:8px;margin-top:6px}
.sq7-roll{position:relative;min-height:300px;padding-top:88px}
.sq7-roll-heading{position:absolute;top:0;left:0;right:0;padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.82);color:var(--sq7-ink)}
.sq7-roll-heading b{display:block;font-size:19px;line-height:1.3}
.sq7-roll-heading span{display:block;margin-top:2px;font-size:14px;font-weight:800;color:#a86800}
.sq7-dice-field{position:relative;height:200px}
.sq7-die{position:absolute;width:64px;height:64px;filter:drop-shadow(0 5px 7px rgba(32,52,70,.14));transform:translate(-50%,-50%) rotate(var(--r,0deg))}
.sq7-die.is-hit{filter:drop-shadow(0 0 12px rgba(242,182,47,.95))}
.sq7-roll--first .sq7-die:nth-child(1){left:14%;top:42%;--r:-8deg}.sq7-roll--first .sq7-die:nth-child(2){left:32%;top:25%;--r:7deg}.sq7-roll--first .sq7-die:nth-child(3){left:49%;top:55%;--r:-4deg}.sq7-roll--first .sq7-die:nth-child(4){left:66%;top:28%;--r:6deg}.sq7-roll--first .sq7-die:nth-child(5){left:82%;top:58%;--r:-7deg}.sq7-roll--first .sq7-die:nth-child(6){left:96%;top:30%;--r:4deg}
.sq7-roll--second .sq7-die:nth-child(1){left:12%;top:42%;--r:8deg}.sq7-roll--second .sq7-die:nth-child(2){left:34%;top:25%;--r:-8deg}.sq7-roll--second .sq7-die:nth-child(3){left:54%;top:58%;--r:5deg}.sq7-roll--second .sq7-die:nth-child(4){left:74%;top:30%;--r:-5deg}.sq7-roll--second .sq7-die:nth-child(5){left:94%;top:55%;--r:7deg}
.sq7-battle-arrow{position:relative;height:180px}.sq7-battle-arrow::before{content:"";position:absolute;left:5px;right:15px;top:84px;height:7px;background:#47758f;border-radius:999px}.sq7-battle-arrow::after{content:"";position:absolute;right:0;top:71px;border-left:22px solid #47758f;border-top:16px solid transparent;border-bottom:16px solid transparent}
.sq7-win{grid-column:4;justify-self:end;margin-top:-80px;width:min(100%,450px);padding:20px 28px;border:2px solid #e2aa24;border-radius:24px;background:rgba(255,246,205,.90);display:flex;align-items:center;gap:16px;color:var(--sq7-ink)}
.sq7-win b{font-size:18px}.sq7-win strong{margin-left:auto;font-size:32px;color:#b56f00}.sq7-win .sq7-die{position:static;transform:none;width:54px;height:54px}

/* WHAT YOU NEED */
.sq7-need{background:#eef3e7}
.sq7-need-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9dfd1;border:1px solid #d9dfd1;border-radius:18px;overflow:hidden}
.sq7-need-item{background:rgba(255,255,255,.86);padding:20px 22px}.sq7-need-item b{font-size:14px;color:var(--sq7-ink)}.sq7-need-item span{display:block;margin-top:4px;font-size:12px;color:#64736c}

/* PRODUCTS */
.sq7-products{background:#fffaf0}
.sq7-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sq7-product{background:#fff;border:1px solid #eadfca;border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(74,59,40,.06)}
.sq7-product-media{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#f6f0e5,#eee5d6);display:grid;place-items:center;color:#a59681;font-size:13px}
.sq7-product h3{font-size:16px;margin:12px 4px 2px;color:var(--sq7-ink)}
.sq7-history{margin-top:26px;padding-top:20px;border-top:1px dashed #d8c9af;color:#5c665f;font-size:13px}

/* CTA */
.sq7-cta{background:url('../images/sq7-cta-bg.jpg') center/cover no-repeat}
.sq7-cta::before{content:"";position:absolute;inset:0;background:rgba(250,249,239,.62)}
.sq7-cta .sq7-wrap{position:relative;text-align:center;padding-block:86px}
.sq7-cta-button{display:inline-block;margin-top:14px;padding:14px 24px;border-radius:999px;background:var(--sq7-green);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(47,105,82,.2)}

/* Responsive. Do not keep the old 760px-only FV breakpoint. */
@media (max-width:980px){
  /* Apply the page's existing SP/one-column FV structure from <=980px to fix the 820px clipping. */
  .sq-page .sq6-fv__inner{grid-template-columns:1fr !important}
}
@media (max-width:760px){
  .sq7-wrap{width:min(100% - 36px,720px);padding-block:54px}
  .sq7-title{font-size:28px}.sq7-lead{font-size:15px}
  .sq7-route-stage{border-radius:18px}
  .sq7-route-stop{width:79%;padding:12px 14px 12px 44px}.sq7-route-stop b{font-size:14px}.sq7-route-stop span{font-size:11px}
  .sq7-route-stop--1{left:11%;top:3%}.sq7-route-stop--2{left:3%;top:27.5%}.sq7-route-stop--3{left:11%;top:52.5%}.sq7-route-stop--goal{left:3%;top:77.5%;width:79%}
  .sq7-battle-inner{display:flex;flex-direction:column;padding:22px;gap:14px;min-height:0}
  .sq7-monster{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;width:100%}.sq7-monster-card{width:160px}.sq7-monster-label{grid-column:1}.sq7-weakness-label,.sq7-weakness{grid-column:2}
  .sq7-roll{width:100%;min-height:245px;padding-top:76px}.sq7-roll-heading{padding:10px 14px}.sq7-roll-heading b{font-size:16px}.sq7-roll-heading span{font-size:13px}.sq7-dice-field{height:165px}.sq7-die{width:50px;height:50px}
  .sq7-battle-arrow{width:100%;height:42px}.sq7-battle-arrow::before{left:50%;right:auto;top:0;width:7px;height:32px}.sq7-battle-arrow::after{right:auto;left:calc(50% - 8px);top:26px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid #47758f;border-bottom:0}
  .sq7-win{grid-column:auto;margin:0;width:100%;justify-self:stretch}.sq7-win strong{font-size:28px}
  .sq7-need-strip{grid-template-columns:1fr}
  .sq7-products-grid{grid-template-columns:1fr}
  .sq7-cta .sq7-wrap{padding-block:64px}
}

/* Theme compatibility without changing supplied geometry. */
.sq-page .sq7-section{margin:0}
.sq-page .sq7-wrap{position:relative}
.sq-page .sq7-route-stage picture{margin:0}
.sq-page .sq7-route-stage img,.sq-page .sq7-monster-card,.sq-page .sq7-die{max-width:none}
.sq-page .sq7-battle-scene{margin-top:0}
.sq-page .sq7-product h3{margin-block-start:12px}
.sq-page .sq7-weakness .sq7-die{position:static;transform:none;width:54px;height:54px}
.sq-page .sq7-win{padding-inline:20px;gap:12px}
.sq-page .sq7-win strong{white-space:nowrap}
@media(max-width:980px){.sq-page .sq6-fv__board{justify-self:center}}

/* WordPress compatibility: keep the supplied SP battle composition intact. */
@media(max-width:760px){
 .sq-page .sq7-monster-label{display:none}
 .sq-page .sq7-monster-card{grid-column:1;grid-row:1 / span 2}
 .sq-page .sq7-weakness-label{grid-column:2;grid-row:1;align-self:end;margin:0}
 .sq-page .sq7-weakness{grid-column:2;grid-row:2;align-self:start;margin-top:6px}
 .sq-page .sq7-win{padding:16px 12px;gap:8px}
 .sq-page .sq7-win b{font-size:15px}
 .sq-page .sq7-win strong{font-size:24px;white-space:nowrap}
 .sq-page .sq7-win .sq7-die{width:46px;height:46px}
}