/* Oracle Arcade — prerendered content styles.
   Applied only to the static #root content shown before React mounts.
   React replaces #root on load, so these styles become inert. */
.pr-shell{min-height:100vh;background:#0d0a14;color:#e8dcc0;font-family:Georgia,'Times New Roman',serif;}
.pr-nav{background:rgba(13,10,20,.92);border-bottom:1px solid #3a2e18;padding:14px 20px;}
.pr-brand{color:#d9a441;text-decoration:none;font-weight:700;letter-spacing:.25em;font-size:1.05rem;}
.pr-nav-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 16px;}
.pr-nav-links a{color:#c9bca0;text-decoration:none;font-size:.92rem;}
.pr-nav-links a:hover{color:#d9a441;}
.pr-main{max-width:780px;margin:0 auto;padding:42px 20px 60px;}
.pr-main h1{color:#d9a441;font-size:2.1rem;letter-spacing:.04em;margin:0 0 6px;}
.pr-tagline{color:#b08d57;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin:0 0 20px;}
.pr-main p{line-height:1.7;font-size:1.04rem;color:#cfc4a8;margin:0 0 14px;}
.pr-main h2{color:#d9a441;font-size:1.35rem;margin:30px 0 10px;}
.pr-main h3{color:#d9a441;font-size:1.05rem;margin:0 0 6px;}
.pr-main a{color:#d9a441;}
.pr-oracle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0;}
.pr-oracle{background:rgba(40,30,60,.4);border:1px solid #3a2e18;padding:16px;border-radius:6px;}
.pr-oracle .tag{color:#b08d57;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;}
.pr-oracle p{font-size:.94rem;color:#b8ad92;margin:8px 0 0;}
.pr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0;}
.pr-card{background:rgba(40,30,60,.4);border:1px solid #3a2e18;padding:16px;border-radius:6px;}
.pr-card p{font-size:.94rem;color:#b8ad92;margin:6px 0 0;}
.pr-steps{counter-reset:step;margin:14px 0;padding:0;list-style:none;}
.pr-steps li{padding:6px 0 6px 34px;position:relative;color:#cfc4a8;}
.pr-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:6px;width:24px;height:24px;border:1px solid #d9a441;border-radius:50%;color:#d9a441;text-align:center;line-height:22px;font-size:.78rem;}
.pr-note{background:rgba(60,45,20,.3);border-left:3px solid #d9a441;padding:14px 18px;margin:18px 0;font-style:italic;color:#cfc4a8;}
.pr-cta{display:inline-block;margin-top:18px;padding:12px 26px;border:1px solid #d9a441;color:#d9a441;text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;}
.pr-footer{border-top:1px solid #3a2e18;padding:24px 20px;text-align:center;color:#8a7d60;font-size:.85rem;}
.pr-footer a{color:#b08d57;text-decoration:none;}