/* ROYALS888 Phase 14: visual-only overrides. No event handlers, navigation or API changes. */
:root{--r14-gold:#e5b86c;--r14-red:#b42d4c;--r14-panel:#17131c;--r14-line:#553344}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}
.rp-shell,.af-shell,.ap-shell{color:#f7edf0}
.rp-card,.rp-panel,.rp-tile,.af-card,.ap-card,.af-stat,.ap-stat{border-radius:18px!important;border:1px solid var(--r14-line)!important;background:linear-gradient(145deg,#201621,#10121b 85%)!important;box-shadow:0 10px 30px #0004,inset 0 1px #ffffff0a!important;min-width:0}
.af-stat,.ap-stat{position:relative;overflow:hidden;padding:18px!important}
.af-stat:before,.ap-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--r14-red),var(--r14-gold),transparent)}
.af-stat b,.ap-stat b{font-size:clamp(23px,2.8vw,35px)!important;letter-spacing:-.03em;overflow-wrap:anywhere}
.af-head,.ap-head{background:linear-gradient(110deg,#241321,#11131b)!important;border:1px solid #673447!important;border-radius:17px!important;box-shadow:0 12px 30px #0005}
.af-head a,.ap-head a,.af-nav a,.ap-nav a{transition:background .15s,border-color .15s,transform .15s}
.af-nav a:hover,.ap-nav a:hover{background:#7c27402b!important}
.af-nav a.active,.ap-nav a.active{background:linear-gradient(120deg,#7c253f,#361e30)!important;border-color:#bf5668!important;color:#fff5e7!important}
.af-card h1,.af-card h2,.ap-card h1,.ap-card h2{color:#fff3e6!important;letter-spacing:-.025em}
.af-card p,.ap-card p,.af-card small,.ap-card small{line-height:1.55}
.af-table,.ap-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:13px;border:1px solid #573847}
.af-table table,.ap-table table{border-collapse:collapse;width:100%}
.af-table th,.ap-table th{background:#291a2a!important;color:#f0c88e!important;font-size:12px;white-space:nowrap}
.af-table th,.af-table td,.ap-table th,.ap-table td{padding:12px!important;border-bottom:1px solid #513542!important}
.af-table tr:nth-child(even),.ap-table tr:nth-child(even){background:#ffffff05}
.af-button,.ap-button{background:linear-gradient(125deg,#b52d4b,#7b213b)!important;border:1px solid #d45c70!important;border-radius:11px!important;color:white!important}
.af-button:hover,.ap-button:hover{filter:brightness(1.13)}
.af-shell input,.af-shell select,.af-shell textarea,.ap-shell input,.ap-shell select,.ap-shell textarea{max-width:100%;background:#121019!important;border:1px solid #70475a!important;border-radius:11px!important;color:#fff!important;min-height:43px}
.af-shell :focus-visible,.ap-shell :focus-visible,.rp-shell :focus-visible{outline:2px solid #e5b86c;outline-offset:2px}
.hero{border-radius:18px!important;overflow:hidden;box-shadow:0 14px 36px #0006;border:1px solid #603446}
.hero .banner-overlay{background:linear-gradient(90deg,#120e18b8,#190f1925)!important}
.hero h1,.hero p{text-shadow:0 2px 14px #000b}
.game-card,.game-item,.category-card,.rp-game-card{border-radius:15px!important;overflow:hidden;transition:transform .18s,box-shadow .18s}
.game-card:hover,.game-item:hover,.category-card:hover,.rp-game-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0006}
.rp-btn,.rp-top button{border-radius:11px}
@media(max-width:760px){.af-head,.ap-head{padding:12px!important;gap:9px!important}.af-body,.ap-body{padding:12px!important}.af-grid,.ap-grid{gap:10px!important}.af-stat,.ap-stat{padding:12px!important}.af-stat b,.ap-stat b{font-size:22px!important}.af-card,.ap-card{padding:14px!important}.hero{border-radius:12px!important}.af-table table,.ap-table table{min-width:520px}}
@media(prefers-reduced-motion:reduce){.game-card,.game-item,.category-card,.rp-game-card{transition:none!important}}