/* A small, scrollable story layer; the existing battle stage keeps its own space. */
.classic-entry{display:block;color:var(--muted);font:12px var(--ui);padding:8px 0;text-align:left}
.home-hero{height:600px}
.story-library{margin:30px 0 0;border-block:1px solid var(--line);padding:24px 0}
.story-library h2{font-size:26px;font-weight:500;margin:8px 0 12px}
.story-library>p:not(.eyebrow),.story-reading{font:14px/1.9 var(--ui);color:var(--muted)}
#story-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;align-items:start}
#story-library-list>details{border:1px solid var(--line);background:#122c25;border-radius:6px}
#story-library-list summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px;cursor:pointer;list-style:none}
#story-library-list summary:after{content:"＋";margin-left:auto;color:var(--gold)}
#story-library-list details[open]>summary:after{content:"−"}
#story-library-list summary>span{border:1px solid var(--line);font-size:24px;color:var(--gold);width:40px;height:40px;display:grid;place-items:center;flex:none}
#story-library-list summary strong{font-size:17px;font-weight:500}#story-library-list summary small{font:11px var(--ui);color:var(--muted)}
.story-reading{padding:0 16px 18px}.story-reading blockquote,.story-original blockquote{margin:12px 0;padding:8px 12px;border-left:2px solid var(--gold);color:var(--paper)}
.story-reading a,.story-original a{color:var(--gold);display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.story-adaptation{border-top:1px solid var(--line);padding-top:10px}
.story-deck-note{font:13px/1.8 var(--ui);color:var(--paper);padding:14px 16px;background:#30524255;border:1px solid var(--line);border-radius:6px}
#battle-screen.with-story{height:auto;min-height:100dvh;max-height:none}
#battle-screen.with-story>.arena{height:390px;min-height:390px;flex:none}
#battle-screen.with-story>.action-panel{flex:none}
#story-hand-jump{min-height:44px;border:1px solid var(--line);border-radius:4px;background:#274735;color:var(--paper);font:12px var(--ui);padding:8px;cursor:pointer;margin-left:auto}
.with-story .resource-row .turn-tip{display:none}
.story-hand-panel{flex:none;padding:20px 0 12px;border-top:1px solid var(--line);scroll-margin-top:12px}
.story-hand-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.story-hand-panel h3{font-size:22px;font-weight:500;margin:3px 0}.story-hand-panel h3 small{font:14px var(--ui);color:var(--gold)}
#story-draw-count{font:12px var(--ui);color:var(--muted)}
#story-hand-hint{font:12px/1.7 var(--ui);color:var(--muted);min-height:40px;margin:10px 0}
.story-hand{display:flex;gap:10px;overflow-x:auto;padding:6px 3px 14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.story-card{width:130px;flex:0 0 130px;aspect-ratio:9/16;display:flex;flex-direction:column;position:relative;padding:10px;border:1px solid #b9a16f88;border-radius:7px;color:var(--paper);background:radial-gradient(ellipse at 50% 23%,#b1914933,transparent 60%),#112923;text-align:left;scroll-snap-align:start;cursor:pointer;box-shadow:inset 0 0 0 4px #d7bb7812;transition:border-color .18s,box-shadow .18s}
.story-card[aria-pressed="true"]{border-color:#f3da94;box-shadow:0 0 0 2px #dac18066,inset 0 0 0 4px #d7bb7822}
.story-card-top{display:flex;align-items:center;justify-content:space-between}.story-card-top b{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;height:24px;width:24px;font:600 15px var(--ui);color:var(--gold)}
.story-card-top small{font:10px var(--ui);color:var(--muted)}
.story-card-seal{font:44px/1.15 serif;color:var(--gold);text-align:center;flex:1;display:grid;place-items:center;text-shadow:0 0 20px #caa45533}
.story-card-copy{display:flex;flex-direction:column;gap:5px}.story-card-copy>small{color:var(--muted);font:10px var(--ui)}
.story-card-copy>strong{font-size:18px;font-weight:500}.story-card-copy>span{font:11px/1.6 var(--ui);min-height:53px}.story-card-copy>em{font:10px var(--ui);color:var(--muted);border-top:1px solid var(--line);padding-top:6px}
.story-card-detail{padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#17362c}
.story-card-detail:empty{display:none}.story-detail-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.story-detail-title h4{font-size:20px;font-weight:500;margin:0}.story-detail-title>span{font:11px var(--ui);color:var(--gold)}
.story-card-detail p,.story-rules p,#story-trail{font:13px/1.8 var(--ui);color:var(--muted);margin:10px 0}
.story-original summary,.story-rules summary{min-height:44px;align-content:center;font:13px/1.8 var(--ui);color:var(--gold);cursor:pointer;padding:10px 0}
.story-original a{font:13px var(--ui)}.story-actions{display:flex;gap:10px;margin-top:8px}.story-actions button{flex:1;min-width:0;padding:12px 8px;font:13px var(--ui)}
.story-rules{margin-top:12px}.story-reward .reward-options{grid-template-columns:1fr;max-width:640px;margin-inline:auto}.story-reward .reward-card{min-height:0}.story-reward .reward-card>span:first-child{display:block;color:var(--gold)}.story-reward .reward-card small{display:block;font:12px/1.8 var(--ui);color:var(--gold);margin-top:14px}.story-reward .reward-card>span{font-size:14px}
@media(max-width:649px){.home-hero{height:630px}.classic-entry{text-align:center;width:100%}.home-nav{margin-top:12px}#story-library-list{grid-template-columns:1fr}.story-library h2{font-size:24px}}
@media(max-width:359px){.story-card{width:126px;flex-basis:126px}.story-detail-title{align-items:start;flex-direction:column}.story-actions{flex-wrap:wrap}#battle-screen.with-story>.arena{height:365px;min-height:365px}.story-library h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}}