/* RVP CORE / Cinematic UI rework — visual-only enhancement to the 0.6.1 app. */
:root{--bg:#0b0d10;--panel:#14181d;--panel2:#1b2027;--border:#394049;--text:#f4f5f7;--muted:#aeb7c3;--red:#fb4354;--rdeep:#811a28;--rvp-glow:#ff344c55}
html{font-size:16px;scroll-behavior:smooth}body{font-size:14px;background:radial-gradient(ellipse at 70% 0,#321019 0,transparent 33%),#0b0d10;color:var(--text)}
.app{grid-template-columns:268px minmax(0,1fr)}.side{padding:18px 13px 14px;background:linear-gradient(180deg,#131418dc,#101114f5),url('/assets/rvp-maintenance.jpg') center bottom/auto 100% no-repeat;border-right:1px solid #71303b;box-shadow:8px 0 35px #0005;z-index:5}.side:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#100f12ee 0%,transparent 40%,#0c0e11aa 100%);pointer-events:none}.side>*{position:relative}.brand{gap:10px;margin:0 1px 28px;padding-bottom:19px;border-bottom:1px solid #ffffff18}.brand-logo{display:block;width:57px;height:57px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 10px #d42b3450)}.brand strong{font-size:28px;letter-spacing:1.4px}.brand small{font-size:9px;letter-spacing:1.25px;color:#d5b5ba}.side-label{margin:8px 13px 12px;font-size:10px;color:#c8cdd6;letter-spacing:2px}.side nav{gap:3px;margin-bottom:17px}.nav-link{min-height:43px;padding:10px 13px;font-size:13px;border-radius:7px;color:#c8d0db;gap:13px;transition:background .15s,border .15s}.nav-link>span{font-size:21px;width:25px;color:#a9b4c4}.nav-link.active{background:linear-gradient(90deg,#9b1d30aa,#30131b90);border-color:#e53d4e;box-shadow:inset 3px 0 #f54454,0 0 18px #f5445425}.nav-link:hover{border-color:#723340;background:#2b1d25}.side-bottom{background:#14191eea;border:1px solid #464248;border-radius:9px;padding:14px 12px;margin-top:auto}.side-bottom strong{font-size:10px}.main{background:linear-gradient(180deg,#100f13 0,#0b0d10 420px)}.topbar{min-height:66px;padding:11px clamp(18px,2.5vw,44px);background:#111317f2;border-bottom:1px solid #48323b;backdrop-filter:blur(15px)}.topbar select{width:min(240px,34vw)}.top-right #who{font-size:13px;font-weight:700}.content{max-width:none;padding:19px clamp(18px,2.5vw,44px) 64px;margin:0}.app-footer{padding:20px clamp(18px,2.5vw,44px);border-color:#3a2d33}
.hero{min-height:305px;padding:34px 4%;border-color:#9a303e;border-radius:12px;background:linear-gradient(90deg,#0b0c0ff2 1%,#0b0c0fb8 31%,#0b0c0f20 78%,#0b0c0f55),url('/assets/rvp-support-call.jpg') center 52%/cover;box-shadow:0 14px 40px #0009}.hero-backdrop{opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 4px,#0003 5px 6px)}.hero-copy{max-width:630px;position:relative;z-index:1}.hero h1{font-size:clamp(42px,4.4vw,78px);line-height:.96;letter-spacing:1px;text-shadow:0 3px 14px #000}.hero p{max-width:485px;font-size:15px;line-height:1.65;color:#e6e6e9;text-shadow:0 2px 5px #000}.hero-deco{width:26%;min-width:165px;z-index:1;background:#0a0a0c75;border:1px solid #e14b5345;backdrop-filter:blur(4px);padding:17px 8px;border-radius:10px}.hero-deco img{width:min(160px,85%);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 18px #ff203b65)}.hero-deco span{font-size:10px;text-align:center;white-space:normal;line-height:1.5}.primary,.subtle{font-size:13px;min-height:43px;padding:11px 17px}.primary{border-color:#f44d60;background:linear-gradient(125deg,#a61e30,#f0394f);box-shadow:0 6px 23px #f0284636}.primary:hover{box-shadow:0 5px 26px #ef304c5e}.subtle{background:linear-gradient(180deg,#242a32,#191d23);border-color:#414954}.subtle:hover{background:#30333c}.hero .primary{min-height:49px;padding:13px 23px}.ops-grid{gap:14px;margin:16px 0 20px}.ops-stat{min-height:116px;padding:19px 20px;border:1px solid #554048;background:linear-gradient(130deg,#202329,#14171c);box-shadow:0 7px 21px #0005}.ops-stat:before{width:4px;background:linear-gradient(#fa4155,#8f1f30 50%,transparent)}.ops-stat>span{font-size:11px;letter-spacing:1.15px;color:#dfb9c1}.ops-stat strong{font-size:48px;padding:10px 0 4px}.ops-stat small{font-size:12px}.section-head{margin:23px 0 14px}.section-head:first-child{margin-top:8px}.section-head h1{font-size:clamp(40px,4vw,67px);margin:5px 0}.section-head h2{font-size:36px;margin-top:5px}.section-head p{font-size:14px;line-height:1.5}.module-grid{gap:12px}.module{min-height:125px;padding:18px 20px 16px;border-color:#493c42;background:linear-gradient(100deg,#302126ee,#16191fe8),url('/assets/rvp-sneak.jpg') center/cover}.module:nth-child(2),.module:nth-child(5){background-image:linear-gradient(100deg,#302126ef,#15171de5),url('/assets/rvp-devlog.jpg')}.module:nth-child(3),.module:nth-child(6){background-image:linear-gradient(100deg,#302126ef,#15171de5),url('/assets/rvp-support.jpg')}.module .module-icon{height:37px;font-size:29px;text-shadow:0 0 12px #f33}.module strong{font-size:24px}.module>span{font-size:12px;margin:5px 0 9px}.module b{font-size:11px}.module:before{background:linear-gradient(90deg,var(--red),transparent)}
/* Shared page hero: no new UI handlers, all existing ids/forms remain intact. */
.page:not(#page-overview)>.section-head:first-child{min-height:164px;align-items:center;margin:0 0 18px;border:1px solid #7a303c;border-radius:11px;padding:25px 30px;position:relative;overflow:hidden;background:linear-gradient(110deg,#080a0df7 0%,#15191ff1 58%,#080a0df7 100%);box-shadow:0 10px 28px #0008}.page:not(#page-overview)>.section-head:first-child:after{content:none;display:none}.page:not(#page-overview)>.section-head:first-child .eyebrow{color:#f6a3ab}.page:not(#page-overview)>.section-head:first-child h1{text-shadow:0 3px 12px #000}.page:not(#page-overview)>.section-head:first-child p{color:#e0e3e8;text-shadow:0 1px 6px #000;max-width:780px}.page:not(#page-overview)>.section-head:first-child>button{position:relative;z-index:2}

.workspace{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:17px}.panel{padding:23px;border:1px solid #43434b;border-radius:10px;background:linear-gradient(150deg,#1b2026,#12161b);box-shadow:0 6px 21px #0004;min-width:0}.panel h3{font-size:26px;margin-bottom:19px;border-color:#41434b}.panel .section-head{margin-top:0}.panel .section-head h3{margin:0}.panel>p,.panel .form-note{line-height:1.7}.panel:focus-within{border-color:#8f4650}form label,.panel>label{font-size:13px;line-height:1.4;color:#d2d8e1;margin-bottom:17px}input,textarea,select{min-height:44px;font-size:13px;padding:11px 13px;background:#101419;border-color:#424953;border-radius:7px;color:#f4f5f7}textarea{min-height:93px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#f54459;box-shadow:0 0 0 3px #fa455122}.template-head{margin-top:25px}.template-gallery{gap:13px}.template-tile{min-height:216px;border-color:#4b4249}.template-tile>img,.template-tile .tile-placeholder{height:133px}.template-tile-body{padding:15px}.template-tile-body strong{font-size:23px}.template-tile-body span{font-size:12px}.preview-panel{top:86px}.discord-message{padding:18px;background:#282b33}.discord-author{font-size:14px}.embed{max-width:100%;padding:18px}.embed>strong{font-size:17px}.embed>div{font-size:13px}.records,.record strong{font-size:13px}.record{min-height:54px}.record small{font-size:11px}.ticket-banner{background:linear-gradient(95deg,#37141c,#17191fdc 67%),url('/assets/rvp-technical.jpg') center/cover}.ticket-banner strong{font-size:28px}.ticket-banner p{font-size:13px}.ticket-step h3{font-size:26px}.mini-embed{font-size:13px}.login-logo{width:106px;height:106px;margin:0 auto 25px}.login-card{background:linear-gradient(145deg,#1d1d23ef,#111317f8),url('/assets/rvp-support-call.jpg') center/cover}
.mobile-nav-toggle{display:none}
@media(min-width:1600px){.content{padding-left:34px;padding-right:34px}.hero{min-height:330px}.module{min-height:133px}.workspace{gap:20px}}
@media(max-width:1250px){.app{grid-template-columns:238px minmax(0,1fr)}.side{padding:15px 10px}.brand strong{font-size:24px}.brand-logo{width:48px;height:48px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.app{grid-template-columns:minmax(0,1fr)}.side{position:fixed;top:0;bottom:0;left:0;width:280px;height:100dvh;transform:translateX(-105%);transition:transform .2s ease;z-index:20;box-shadow:12px 0 40px #000a}.side.mobile-open{transform:translateX(0)}.mobile-nav-toggle{display:inline-flex;white-space:nowrap}.topbar{flex-wrap:wrap;gap:10px;min-height:62px}.topbar>div:first-of-type{flex:1}.top-right{width:auto}.content{padding:19px 22px 45px}.workspace,.ticket-workspace{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.hero{min-height:295px}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.content{padding:13px 12px 40px}.topbar{padding:10px 12px}.topbar .crumb{display:none}.top-right{width:100%;justify-content:space-between;gap:7px}.topbar select{width:min(54vw,280px)}.top-right #who{display:none}.hero{padding:26px 19px;min-height:290px;background-position:58% center}.hero h1{font-size:clamp(39px,10vw,57px)}.hero p{font-size:13px}.hero-deco{display:none}.ops-grid{gap:9px;margin:12px 0}.ops-stat{min-height:98px;padding:14px}.ops-stat strong{font-size:39px}.ops-stat>span{font-size:9px}.ops-stat small{font-size:10px}.module-grid{grid-template-columns:1fr;gap:9px}.module{min-height:110px}.page:not(#page-overview)>.section-head:first-child{padding:20px 16px;min-height:150px;align-items:flex-start;flex-direction:column}.page:not(#page-overview)>.section-head:first-child h1{font-size:44px}.page:not(#page-overview)>.section-head:first-child:after{content:none;display:none}.section-head{align-items:flex-start}.section-head h2{font-size:30px}.panel{padding:16px;margin-bottom:13px}.panel h3{font-size:23px}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-tile{min-height:179px}.template-tile>img,.template-tile .tile-placeholder{height:98px}.template-tile-body{padding:10px}.template-tile-body strong{font-size:19px}.template-tile-body span{font-size:10px}.actions{gap:8px}.actions button{flex-grow:1}.discord-message{padding:12px}.app-footer{padding:18px 12px;font-size:9px;flex-wrap:wrap}}
@media(max-width:380px){.template-gallery{grid-template-columns:1fr}.template-tile>img{height:140px}.ops-stat strong{font-size:35px}.hero{min-height:270px}.hero h1{font-size:38px}.brand strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.side{transition:none}}