/* v1.1: Illustrated scrolls. Original layout semantics / keyboard focus retained. */
.hero-card{position:relative;overflow:hidden;padding:0 22px 24px;background:linear-gradient(125deg,#f4efde,#e4e3d4);border-color:#65776238;box-shadow:0 5px 16px #203b3210;transition:transform .22s,box-shadow .22s,border-color .22s}
.hero-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #203b321b;border-color:#9d8557}.hero-card.selected{background:linear-gradient(150deg,#e9ecdc,#c5d4c4);border-color:#537b64;box-shadow:inset 0 0 0 3px #f2edd799}
.hero-illustration{height:225px;position:relative;display:flex;justify-content:center;margin:0 -22px 13px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#b5cabb58,transparent 67%);border-bottom:1px solid #64807025}
.hero-illustration:before{content:"";width:167px;height:167px;border:1px solid #9c9a7060;border-radius:50%;position:absolute;top:30px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 8px #b0b38a12,0 0 0 9px #9c9a7026}
.hero-illustration img{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 7px #163b3622)}.hero-watermark{position:absolute;right:12%;top:38px;font:115px var(--font);color:#63745b19;line-height:1}
.hero-card .tag{line-height:1.8}.hero-card h3{margin-top:7px}.hero-card small{letter-spacing:.22em}.hero-grid{gap:18px}.hero-card.selected:after{content:"已择";position:absolute;right:13px;top:15px;writing-mode:vertical-rl;border:1px solid #a66951;color:#9a5e48;font:13px var(--font);padding:5px 3px;letter-spacing:.1em;transform:rotate(4deg)}
.chapter-card{padding:148px 18px 24px;min-height:277px;position:relative;overflow:hidden;background:#f0eddf;isolation:isolate}.chapter-print{position:absolute;left:0;top:0;width:100%;height:136px;object-fit:cover;opacity:.94;z-index:-1;border-bottom:1px solid #a9a57c55;transition:transform .5s}.chapter-card:after{display:none}.chapter-card:hover .chapter-print{transform:scale(1.045)}.chapter-card.selected{background:#e2e5d5;border-color:#527764}.chapter-card h3{margin:6px 0 9px}.chapter-card .chapter-clear{font-size:10px;position:static;display:inline-block;margin-top:12px;border-top:1px solid #73816638;padding-top:7px}.chapter-card p{line-height:1.7}.chapter-card small{font-size:9px;letter-spacing:.15em}
.catalog-item.illustrated{align-items:center;padding:15px;background:linear-gradient(135deg,#faf5e53b,#dbe3d346);border:1px solid #73806825;min-height:172px}.catalog-art{width:96px;height:145px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 4px #21483c18)}.catalog-art.weapon-art{width:72px;height:90px}.catalog-item.illustrated>div{min-width:0}.catalog-item.illustrated p{line-height:1.8}.catalog-item.illustrated h3{font-size:20px;letter-spacing:.07em}
.choice-glyph img{display:block;width:102px;height:102px;object-fit:contain;margin:-12px 0;filter:drop-shadow(0 4px 8px #213d381f)}.choice-card.legend{background:radial-gradient(ellipse at 30% 35%,#e5d59a45,transparent 70%),#f0e7ce}.hud-avatar{padding:0;overflow:hidden;background:linear-gradient(#82927c4a,#244d414a);border:1px solid #c9c9a273;border-radius:3px;position:relative}.hud-avatar img{width:100%;height:150%;object-fit:cover;object-position:center 28%;transform:translateY(-10%)}
.weapon-slot{width:47px;min-width:47px;height:49px;border-color:#d7d7b73a;background:linear-gradient(#d8e2c913,#163736aa);box-shadow:0 3px 9px #0f272b26}.weapon-slot img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #193f3c55)}.weapon-slot.evolved{border-color:#ead592aa;box-shadow:0 0 16px #d7c08129,inset 0 0 10px #e4c97f25}.weapon-slot span{background:#183d36bb;min-width:11px;padding:1px 2px;border-radius:2px;color:#f4dfaf}.hud-bottom{gap:13px}.hud-top{background:linear-gradient(#1438379c,transparent)}.score-waves{display:flex;align-items:center;gap:3px;height:21px;min-width:14px}.score-waves i{display:block;width:2px;height:8px;background:#d1cfa4;animation:scorewave 1.3s ease-in-out infinite}.score-waves i:nth-child(2){height:18px;animation-delay:.3s}.score-waves i:nth-child(3){height:13px;animation-delay:.65s}@keyframes scorewave{50%{transform:scaleY(.4)}}.studio-actions{display:flex;align-items:center;gap:12px}.track-card.playing{border-color:#58795e;background:linear-gradient(120deg,#bacdb546,#f3e8d044)}
@media(max-width:1000px){.scene-caption{display:none}}
@media(max-width:760px){.hero-card{padding:0 13px 18px;min-height:0}.hero-illustration{height:180px;margin:0 -13px 12px}.hero-illustration:before{width:125px;height:125px;top:29px}.hero-watermark{font-size:88px;top:36px}.hero-card h3{font-size:20px}.hero-card.selected:after{font-size:10px;top:10px;right:10px}.hero-grid{gap:12px}.chapter-card{padding:108px 10px 15px;min-height:228px}.chapter-print{height:100px}.chapter-card h3{font-size:17px}.chapter-card p{font-size:10px}.chapter-card small{font-size:8px;letter-spacing:0}.chapter-card .chapter-clear{font-size:8px;line-height:1.5}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-grid:has(.illustrated){grid-template-columns:1fr}.catalog-art{width:85px;height:119px}.catalog-item.illustrated{padding:11px;min-height:130px}.catalog-item.illustrated h3{font-size:18px}.catalog-item.illustrated p{font-size:11px}.catalog-item.illustrated small{font-size:10px}.catalog-art.weapon-art{width:70px;height:82px}.choice-glyph img{width:52px;height:68px;max-width:100%;margin:0}.choice-glyph{display:flex;align-items:center}.weapon-slot{width:36px;min-width:36px;height:39px}.studio-actions{gap:8px}.track-grid{grid-template-columns:1fr}.track-card{min-height:66px}.track-card strong{font-size:14px}.track-card small{font-size:10px}.hero-card p{line-height:1.8}}
@media(max-height:740px) and (orientation:portrait){.hero-illustration{height:164px}}
@media(max-height:520px) and (orientation:landscape){.hero-illustration{height:165px}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-card{min-height:240px}.catalog-grid:has(.illustrated){grid-template-columns:repeat(2,minmax(0,1fr))}.weapon-slot{width:34px;min-width:34px;height:35px}}
@media(prefers-reduced-motion:reduce){.score-waves i{animation:none}.hero-card:hover{transform:none}.chapter-card:hover .chapter-print{transform:none}}