/* Candidate previews only. The production index never imports this stylesheet. */
#game.on-cover[data-cover] #cover h1,#game.on-cover[data-cover] #cover .tagline,#game.on-cover[data-cover] .cover-actions{animation:none}
#game.on-cover[data-cover] #cover h1 span{font-size:inherit;transform:none}
#game.on-cover[data-cover] #cover .tagline{font:400 clamp(13px,1.1vw,20px)/1.65 var(--font-game-ui);letter-spacing:.2em;text-shadow:0 1px 3px #ffe9c366;margin:16px 0 0}
#game.on-cover[data-cover] .cover-actions{gap:12px}
#game.on-cover[data-cover] #cover .start{font-family:var(--font-game-ui);font-weight:500;letter-spacing:.16em;min-height:48px;clip-path:none;box-shadow:none;outline:none;min-width:224px}
#game.on-cover[data-cover] #cover #resume{font-family:var(--font-game-ui);font-size:14px;letter-spacing:.08em;min-height:32px;padding:3px 8px;margin:0}
/* A: a vertical, weighty stone-inscription composition using the actual system Songti Black face. */
#game.on-cover[data-cover="a"] .cover-title{left:54%;top:16%;width:40%}
#game.on-cover[data-cover="a"] #cover h1{display:grid;grid-template-columns:1em 1em;column-gap:.09em;row-gap:.04em;justify-content:center;font-family:"Songti SC","Noto Serif SC","STSong",serif;font-weight:900;font-size:clamp(96px,10vw,184px);line-height:1.02;letter-spacing:.03em;color:#30291e;text-shadow:0 1px 0 #f7e5be55;font-synthesis:none}
#game.on-cover[data-cover="a"] #cover .tagline{color:#352b1e}
#game.on-cover[data-cover="a"] .cover-actions{left:74%;bottom:10%}
#game.on-cover[data-cover="a"] #cover .start{background:#2d3329dc;border:1px solid #e2c794aa;color:#f2e3c3;border-radius:1px}
/* B: a horizontal Songti film title, with deliberate structural spacing. */
#game.on-cover[data-cover="b"] .cover-title{left:35%;top:30%;width:61%}
#game.on-cover[data-cover="b"] #cover h1{display:flex;font-family:"Songti SC","Noto Serif SC","STSong",serif;font-weight:600;font-size:clamp(82px,9.2vw,174px);line-height:1.25;letter-spacing:.12em;color:#591f19;text-shadow:0 1px 1px #f8d9a333;font-synthesis:none}
#game.on-cover[data-cover="b"] #cover .tagline{color:#382a20;letter-spacing:.3em}
#game.on-cover[data-cover="b"] .cover-actions{left:65%;bottom:14%}
#game.on-cover[data-cover="b"] #cover .start{background:#e9dbb9e8;border:1px solid #5c49337a;color:#34271d;border-radius:0}
#game.on-cover[data-cover="b"] #cover .start span{color:#6b3a24}
/* C: licensed WenKai, without synthetic bold, on a restrained upward rhythm. */
#game.on-cover[data-cover="c"] .cover-title{left:34%;top:25%;width:62%}
#game.on-cover[data-cover="c"] #cover h1{display:flex;font-family:DiaryHand,"Kaiti SC",serif;font-size:clamp(100px,12vw,218px);font-weight:400;line-height:1.3;letter-spacing:.01em;color:#762c20;text-shadow:0 1px 1px #f7d99d44;transform:rotate(-3deg);font-synthesis:none}
#game.on-cover[data-cover="c"] #cover h1 span:first-child{transform:translateY(.14em)}
#game.on-cover[data-cover="c"] #cover h1 span:nth-child(2){transform:translateY(.05em)}
#game.on-cover[data-cover="c"] #cover h1 span:nth-child(3){transform:translateY(-.02em)}
#game.on-cover[data-cover="c"] #cover h1 span:nth-child(4){transform:translateY(-.1em)}
#game.on-cover[data-cover="c"] #cover .tagline{margin-top:27px;color:#3f3023}
#game.on-cover[data-cover="c"] .cover-actions{left:65%;bottom:10%}
#game.on-cover[data-cover="c"] #cover .start{background:#743322ed;border:1px solid #e2c39499;color:#f4e5c2;border-radius:2px}
@media(orientation:landscape) and (max-height:550px){
 #game.on-cover[data-cover] #cover .edition{top:6%;left:4%;letter-spacing:.2em}
 #game.on-cover[data-cover] #cover .edition span{font-size:11px;margin-top:4px}
 #game.on-cover[data-cover] #cover .edition strong{font-size:17px}
 #game.on-cover[data-cover] #cover .tagline{font-size:13px;line-height:1.5;margin-top:10px}
 #game.on-cover[data-cover] #cover .start{font-size:16px;min-width:176px;min-height:44px;padding:9px 16px}
 #game.on-cover[data-cover] .cover-actions{gap:5px}
 #game.on-cover[data-cover] #cover #resume{font-size:12px;min-height:27px}
 #game.on-cover[data-cover] .cover-bottom{font-size:11px;bottom:12px}
 #game.on-cover[data-cover="a"] .cover-title{top:14%;left:54%;width:40%}
 #game.on-cover[data-cover="a"] #cover h1{font-size:clamp(68px,9.2vw,88px)}
 #game.on-cover[data-cover="a"] .cover-actions{bottom:9%;left:74%}
 #game.on-cover[data-cover="b"] .cover-title{left:35%;top:29%;width:61%}
 #game.on-cover[data-cover="b"] #cover h1{font-size:clamp(62px,8.5vw,84px);letter-spacing:.09em}
 #game.on-cover[data-cover="b"] .cover-actions{bottom:12%;left:65%}
 #game.on-cover[data-cover="c"] .cover-title{top:24%}
 #game.on-cover[data-cover="c"] #cover h1{font-size:clamp(74px,11vw,105px)}
 #game.on-cover[data-cover="c"] #cover .tagline{margin-top:16px}
 #game.on-cover[data-cover="c"] .cover-actions{bottom:9%;left:65%}
}
/* Preview covers bleed to the landscape viewport; reserve the existing full-screen control. */
#game.on-cover[data-cover] #landscape{object-fit:cover!important;object-position:center}
#game.on-cover[data-cover]>header{left:0;right:calc(max(18px,env(safe-area-inset-right)) + 92px);padding: max(12px,env(safe-area-inset-top)) 0 0;justify-content:flex-end;pointer-events:none}
#game.on-cover[data-cover]>header>div{pointer-events:auto}
#game.on-cover[data-cover]>header button{font:14px/1.3 var(--font-game-ui);min-height:44px;min-width:44px;padding:8px;border:1px solid #d0bb8b55;background:#15201966;border-radius:3px}

/* B, custom-lettered refinement selected for preview. Original semantic heading remains accessible. */
#game.on-cover[data-cover="b"] #cover h1{display:block;width:min(100%,1000px);height:auto;aspect-ratio:3/1;margin:0 auto;font-size:0;line-height:0;letter-spacing:0;background:url('title-assets/title-b.pages.webp') center/contain no-repeat;transform:none;text-shadow:none}
#game.on-cover[data-cover="b"] #cover h1 span{font-size:0;opacity:0}
#game.on-cover[data-cover="b"] .cover-title{left:34%;top:23%;width:63%}
#game.on-cover[data-cover="b"] #cover .tagline{margin-top:6px}
@media(orientation:landscape) and (max-height:550px){
 #game.on-cover[data-cover="b"] .cover-title{left:34%;top:18%;width:63%}
 #game.on-cover[data-cover="b"] #cover h1{width:100%;aspect-ratio:3/1;font-size:0}
 #game.on-cover[data-cover="b"] #cover h1 span{font-size:0}
 #game.on-cover[data-cover="b"] #cover .tagline{margin-top:4px}
 #game.on-cover[data-cover="b"] .cover-actions{bottom:9%;left:65%}
}
/* Selected B refinement: restrained matte gold edge and readable supporting copy. */
#game.on-cover[data-cover="b"] #cover h1{filter:drop-shadow(.7px 0 0 #d9b875) drop-shadow(-.7px 0 0 #d9b875) drop-shadow(0 .7px 0 #d9b875) drop-shadow(0 -.7px 0 #d9b875) drop-shadow(0 2px 3px #1e130d80)}
#game.on-cover[data-cover="b"] #cover .tagline{font-size:clamp(17px,1.3vw,23px);font-weight:500;line-height:1.5;letter-spacing:.13em;color:#fff0d3;text-shadow:0 2px 4px #21150d,0 0 7px #21150d88;margin-top:4px}
#game.on-cover[data-cover="b"] #cover .edition span{font-family:var(--font-game-ui);font-size:clamp(13px,1vw,16px);line-height:1.5;letter-spacing:1px;color:#fff0d3;text-shadow:0 1px 4px #000;margin-top:7px}
#game.on-cover[data-cover="b"] .cover-bottom{font-family:var(--font-game-ui);font-size:14px;letter-spacing:.08em;color:#f5e8d0;opacity:1;text-shadow:0 1px 4px #000}
#game.on-cover[data-cover="b"] #cover #resume{font-size:16px;color:#fff0d3;text-shadow:0 1px 4px #000;min-height:34px}
body:has(#game.on-cover[data-cover]) #debug-chapters{display:none}
@media(orientation:landscape) and (max-height:550px){
 #game.on-cover[data-cover="b"] #cover .tagline{font-size:17px;line-height:1.5;letter-spacing:.1em;margin-top:0}
 #game.on-cover[data-cover="b"] #cover .edition span{font-size:13px;margin-top:5px}
 #game.on-cover[data-cover="b"] .cover-bottom{font-size:12px;bottom:11px}
 #game.on-cover[data-cover="b"] #cover #resume{font-size:14px;min-height:30px}
 #game.on-cover[data-cover="b"] .cover-actions{gap:4px;bottom:8%}
}
/* B review revision: remove the uniform gold contour; keep printed cinnabar and soft dark separation. */
#game.on-cover[data-cover="b"] #cover h1{filter:drop-shadow(0 2px 3px #21150d66)}

/* B selected composition: smaller lettering above the sunrise, clearer supporting line. */
#game.on-cover[data-cover="b"] .cover-title{top:19%}
#game.on-cover[data-cover="b"] #cover h1{width:min(82%,820px);filter:contrast(1.06) drop-shadow(0 2px 3px #21150d66)}
#game.on-cover[data-cover="b"] #cover .tagline{font-size:clamp(19px,1.5vw,27px);margin-top:12px}
#game.on-cover[data-cover="b"] .cover-actions{left:65.5%;bottom:13%}
@media(orientation:landscape) and (max-height:550px){
 #game.on-cover[data-cover="b"] .cover-title{top:14%}
 #game.on-cover[data-cover="b"] #cover h1{width:82%}
 #game.on-cover[data-cover="b"] #cover .tagline{font-size:19px;margin-top:10px}
 #game.on-cover[data-cover="b"] .cover-actions{bottom:10%;left:65.5%}
}

/* B: a quiet ivory invitation, with a fine directional mark. */
#game.on-cover[data-cover="b"] #cover .start{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-width:200px;min-height:48px;padding:10px 24px;background:linear-gradient(110deg,#f4ead7ed,#e9dcc5e0);border:1px solid #f7edda88;border-radius:2px;color:#44392c;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:.24em;box-shadow:0 3px 14px #181a1326,inset 0 1px 0 #fff8e655;transition:background .2s,box-shadow .2s,transform .2s}
#game.on-cover[data-cover="b"] #cover .start span{display:block;position:relative;flex:none;width:23px;height:1px;background:#78654b;font-size:0;line-height:0;color:transparent;transform:none}
#game.on-cover[data-cover="b"] #cover .start span::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #78654b;border-right:1px solid #78654b;transform:rotate(45deg)}
#game.on-cover[data-cover="b"] #cover .start:hover{background:#f7efdf;box-shadow:0 4px 18px #181a1333;transform:translateY(-1px)}
#game.on-cover[data-cover="b"] #cover .start:active{transform:translateY(0);background:#e6d8be}
#game.on-cover[data-cover="b"] #cover .start:focus-visible{outline:2px solid #fff0d3;outline-offset:4px}
#game.on-cover[data-cover="b"] .cover-actions{gap:8px}
#game.on-cover[data-cover="b"] #cover #resume{font-size:13px;letter-spacing:.14em;color:#eee4d2;opacity:.85}
@media(orientation:landscape) and (max-height:550px){
 #game.on-cover[data-cover="b"] #cover .start{min-width:190px;min-height:44px;padding:9px 22px;font-size:14px;gap:26px}
 #game.on-cover[data-cover="b"] .cover-actions{gap:5px}
 #game.on-cover[data-cover="b"] #cover #resume{font-size:12px;min-height:30px}
}

/* Old paper route tag: clipped corners, restrained warm ink. */
#game.on-cover[data-cover="b"] #cover .start{position:relative;isolation:isolate;background:#b69a6c;border:0;border-radius:0;clip-path:polygon(6% 0,94% 0,100% 18%,100% 82%,94% 100%,6% 100%,0 82%,0 18%);box-shadow:none;color:#493421;font-family:"Songti SC",var(--font-game-ui);font-size:16px;letter-spacing:.2em;gap:20px;min-width:194px;min-height:48px}
#game.on-cover[data-cover="b"] #cover .start::before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;background:radial-gradient(ellipse at 10% 90%,#a4753730,transparent 45%),radial-gradient(ellipse at 85% 5%,#a4753725,transparent 50%),linear-gradient(100deg,#deca9e,#f0dfbb 45%,#dfc99d)}
#game.on-cover[data-cover="b"] #cover .start span{width:10px;height:14px;background:#803c2d;border:1px solid #9e5a45;opacity:.85}
#game.on-cover[data-cover="b"] #cover .start span::after{inset:2px; width:auto;height:auto;border:1px solid #e3c79788;transform:none}
#game.on-cover[data-cover="b"] #cover .start:hover{background:#d1b77f;box-shadow:none}
@media(orientation:landscape) and (max-height:550px){#game.on-cover[data-cover="b"] #cover .start{min-width:188px;min-height:46px;font-size:15px}}

/* Paper tag refinement: fine cinnabar edge, no seal, larger label. */
#game.on-cover[data-cover="b"] #cover .start{background:#853e32;color:#493421;font-size:20px;letter-spacing:.2em;min-width:194px;min-height:50px;padding:9px 25px}
#game.on-cover[data-cover="b"] #cover .start::before{inset:1px}
#game.on-cover[data-cover="b"] #cover .start span{display:none}
#game.on-cover[data-cover="b"] #cover .start:hover{background:#a44d3b}
@media(orientation:landscape) and (max-height:550px){#game.on-cover[data-cover="b"] #cover .start{font-size:19px;min-height:46px;min-width:188px;padding:7px 24px}}
