/* A clear route from the cinematic opening into play, reading and exploration. */
body:not(.detail-page)>main{display:block}
.start-here{background:#10171b;border-bottom:1px solid #c2a26b30}
.start-intro{max-width:800px;margin:0 auto 24px;text-align:center}
.start-intro .kicker{font-size:10px;letter-spacing:2px;color:#c9ad7a}
.start-intro>p:last-child{font-size:19px;line-height:1.5;color:#bcbdb6;margin:12px 0}
.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.entry-card{display:flex;align-items:center;gap:18px;padding:24px 20px;border:1px solid #c8aa6852;background:linear-gradient(125deg,#25252280,#131b20);transition:background .2s,border-color .2s}
.entry-card:hover{background:#242921;border-color:#d9b978}
.entry-card>span:nth-child(2){flex:1;min-width:0}.entry-index{font:26px Georgia,serif;color:#c6a877}
.entry-card strong{display:block;color:#eee0c4;font:22px Georgia,serif;line-height:1.25}
.entry-card small{display:block;font-size:16px;line-height:1.45;color:#b9bcb8;margin-top:8px}
.entry-card>span:last-child{color:#dfc08b;font-size:24px}
.play-example{scroll-margin-top:24px;background:radial-gradient(ellipse at top right,#25303845,transparent 65%),#0b1116}
.play-example .section-head{max-width:850px}.play-example .section-head>p:last-child{font-size:19px;line-height:1.5;letter-spacing:0;text-transform:none}
.demo-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto;border:1px solid #c2a26b45;background:#12191f}
.demo-setting,.demo-resolution{padding:30px 36px}.demo-resolution{background:#090f144d;border-left:1px solid #c2a26b30}
.scene-label{display:block;font-size:11px;letter-spacing:1.6px;color:#c6ac80;margin:8px 0 14px}
.demo-setting h3{font:29px Georgia,serif;color:#e2c799;margin:15px 0}
.demo-layout p{font-size:20px;line-height:1.5;color:#d0cec6;margin:0 0 22px}
.demo-layout .scene-note{font-size:17px;color:#aeb6b6}.scene-note strong{color:#edd39b}
.dice-pair{display:flex;gap:15px;align-items:center;margin:22px 0}
.demo-die{display:grid;place-items:center;width:66px;height:66px;clip-path:polygon(25% 0,75% 0,100% 30%,88% 78%,50% 100%,12% 78%,0 30%);font:36px Georgia;color:white;background:#315d84}
.demo-die.die-units{background:#893b3d}.dice-pair.rolled .demo-die{animation:reveal-dice .5s ease-out}
@keyframes reveal-dice{from{transform:rotate(-20deg) scale(.75);opacity:.4}to{transform:rotate(0) scale(1);opacity:1}}
.demo-resolution .btn{font:17px Georgia;letter-spacing:0;cursor:pointer;min-height:46px}
.demo-result[hidden],.play-example button[hidden]{display:none}
.demo-result{border-top:1px solid #c2a26b33;padding-top:20px}
.demo-layout .roll-equation{font:26px Georgia;color:#e5dcc7;margin:0 0 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.roll-equation strong{font-size:42px;color:#edcb85}.roll-equation span{font:14px Georgia;color:#b0d4b3;background:#244631;padding:7px 12px;border-radius:3px}
.text-button{background:transparent;border:0;border-bottom:1px solid #d4b378;color:#e2c58f;font:17px Georgia;padding:10px 0;cursor:pointer}
.differences-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1100px;margin:32px auto 0}
.differences-grid article{border-left:2px solid #bea16c6b;padding-left:20px}.differences-grid .kicker{font-size:10px;letter-spacing:1.7px}
.differences-grid h3{font:23px Georgia;color:#e0c18a;margin:10px 0}.differences-grid p{font-size:18px;line-height:1.5;color:#bec2bd;margin:0}
.demo-links{display:flex;gap:24px;align-items:center;justify-content:center;margin:30px 0 8px;flex-wrap:wrap}.demo-links .btn{font:17px Georgia;letter-spacing:0}
.online-preview{padding:60px max(2%,calc((100vw - 1560px)/2));background:linear-gradient(#0b141deb,#101820f5),url('/assets/era-reinos.webp') center/cover}
.online-preview .online-inner{max-width:850px}.online-preview .online-inner>p:not(.kicker){font-size:21px;line-height:1.5}.online-preview .online-inner .preview-note{font-size:16px;color:#aeb9b9;max-width:680px}
.online-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px auto 0;max-width:1200px}
.capture-card{display:block;overflow:hidden;padding:0;text-align:left;color:inherit;background:#111820;border:1px solid #bc9c634d;cursor:zoom-in;font:inherit;min-width:0}
.capture-card:hover{border-color:#edca83}.capture-frame{display:block;aspect-ratio:4/3;overflow:hidden;background:#17131d}.capture-frame img{display:block;width:100%;height:100%;object-fit:cover}
.capture-sheet img{object-position:center 70%}.capture-master img{object-position:center 30%}.capture-battle img{object-position:center}
.capture-copy{display:block;padding:22px}.capture-copy strong{display:block;font:25px Georgia;color:#ecd2a5}.capture-copy>span{display:block;font-size:18px;line-height:1.5;color:#b9bdbb;margin:12px 0}.capture-copy small{color:#dac18e;font-size:15px}
#capture-dialog{width:min(1000px,94vw);max-width:94vw;max-height:92svh;padding:0;background:#10151a;color:#efe4cc;border:1px solid #b49765;overflow:auto}
#capture-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.capture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;background:#10151a;position:sticky;top:0;border-bottom:1px solid #ab935140;z-index:1}
.capture-toolbar h2{font:19px Georgia;margin:0;letter-spacing:0}.capture-toolbar form{margin:0}.capture-close{font:16px Georgia;color:#eed5aa;background:#25221b;border:1px solid #b49765;cursor:pointer;padding:11px 16px;white-space:nowrap}
#capture-full{display:block;width:100%;height:auto}
.adventure-tags{font-size:15px!important;color:#d1b582!important;border-top:1px solid #c4a66740;padding-top:14px}
.reading-order,.book-excerpt{border-top:1px solid #c5a7653d;padding:30px 0}.reading-order>p{font-size:20px;color:#c1c5bf;line-height:1.5}.reading-order .kicker{font-size:10px;letter-spacing:2px}
.reading-order ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:22px 0}.reading-order li{min-width:0}
.reading-order li a{display:flex;flex-direction:column;height:100%;padding:18px;border:1px solid #bda66c33;background:#131b21}.reading-order li a:hover{border-color:#d0b27a}.reading-order li a[aria-current]{background:#25281f;border-color:#d0b27a}
.reading-order li a>span{font:23px Georgia;color:#c4a773}.reading-order strong{font:19px Georgia;line-height:1.4;color:#e4d8be;margin:10px 0 12px}.reading-order small{font-size:14px;color:#b6b9ae;margin-top:auto}
.sequence-links{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:25px 0 0}.sequence-links .text-link{font-size:13px;line-height:1.6}.sequence-links .next-book{margin-left:auto}
.book-excerpt details{background:#141a1e;border:1px solid #c5a76540;scroll-margin-top:25px}.book-excerpt summary{font:25px Georgia;cursor:pointer;padding:23px 27px;color:#edce98;line-height:1.4}.book-excerpt summary>span{display:block;font:16px Georgia;color:#c1bcae;margin-top:6px}
.excerpt-body{max-width:740px;margin:auto;padding:25px 30px 40px}.excerpt-body h2{margin:0 0 32px}.excerpt-body p{font:21px/1.65 Georgia,serif;color:#d3d0c5;margin:0 0 18px}.excerpt-body .kicker{font-size:10px;letter-spacing:1.2px;color:#baa57e}.excerpt-body .excerpt-end{margin-top:30px;padding-top:20px;border-top:1px solid #c5a76540;font-size:16px;color:#adad9f}
@media(min-width:1101px){.top #nav{gap:clamp(13px,1.4vw,22px)}.top #nav a{font-size:15px}.top .brand{font-size:clamp(17px,1.6vw,23px)}}
@media(min-width:741px) and (max-width:1100px){.top{padding-inline:22px}.top .brand{font-size:18px}.menu-button{display:block;background:transparent;color:#d6b777;font-size:26px;border:0;padding:8px;min-width:44px;min-height:44px}.top #nav{position:absolute;top:68px;left:0;right:0;display:none;background:#0c1218;padding:18px 22px;border-bottom:1px solid #ad95515c}.top #nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.top #nav a{font-size:18px;padding:13px 10px}}
@media(max-width:900px){.entry-card{padding:20px 16px;gap:12px}.entry-index{display:none}.entry-card strong{font-size:21px}.entry-card>span:nth-child(2){flex:1}.online-gallery{gap:13px}.capture-copy{padding:18px}.capture-copy strong{font-size:22px}.demo-setting,.demo-resolution{padding:26px}.reading-order ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.entry-grid,.demo-layout,.differences-grid,.online-gallery{grid-template-columns:1fr}.entry-card{min-height:100px}.entry-index{display:block}.demo-resolution{border-left:0;border-top:1px solid #c2a26b30}.demo-setting,.demo-resolution{padding:24px}.demo-layout p{font-size:19px}.differences-grid{gap:23px}.demo-links{align-items:stretch;flex-direction:column;text-align:center;gap:17px}.online-preview{padding:42px 20px}.capture-frame{aspect-ratio:3/2}.capture-copy strong{font-size:24px}.capture-toolbar{padding:12px}.capture-toolbar h2{font-size:17px}.book-excerpt summary{padding:20px;font-size:23px}.excerpt-body{padding:20px}.excerpt-body p{font-size:19px}.sequence-links{flex-direction:column}.sequence-links .next-book{margin-left:0}.reading-order strong{font-size:17px}.reading-order li a{padding:15px}}
@media(prefers-reduced-motion:reduce){.dice-pair.rolled .demo-die{animation:none}.entry-card{transition:none}}