/* RTVR PLAY Experience · Preview OWNER */
@font-face{font-family:'Crave Sans';src:local('Crave Sans Bold'),local('CraveSans-Bold'),local('CraveSans Bold');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--ex-bg:#050913;--ex-panel:#101a2d;--ex-blue:#2467c8;--ex-line:#354b6c;--ex-muted:#b0c0d8}
*{box-sizing:border-box}
body.experience-page{margin:0;background:radial-gradient(ellipse at 80% 2%,#194a884d,transparent 40%),var(--ex-bg);color:#f1f5ff;font-family:'Crave Sans',Ubuntu,Arial,sans-serif;min-height:100vh}
.experience-page button,.experience-page input{font:inherit}
.experience-nav{min-height:83px;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px clamp(17px,4vw,45px);background:#0b1424d9;border-bottom:1px solid var(--ex-line)}
.experience-nav a{color:#f1f5ff;text-decoration:none;font-weight:800}
.experience-wordmark{font-size:27px;text-transform:lowercase;letter-spacing:-1.3px}.experience-wordmark span{color:#79b6ff}
.experience-nav div{display:flex;align-items:center;gap:17px;font-size:12px}.experience-nav span{color:#9fc9ff}
.experience-shell{width:min(1260px,calc(100% - 36px));margin:auto;padding:34px 0 80px}
.experience-intro{max-width:780px;margin:0 0 28px}
.experience-intro h1{font-size:clamp(30px,5vw,61px);line-height:1.06;margin:12px 0;letter-spacing:-.05em}
.experience-intro>p:not(.experience-kicker){color:var(--ex-muted);font-size:16px;line-height:1.65}
.experience-kicker{font-size:12px;text-transform:uppercase;color:#91bdff;letter-spacing:.14em;font-weight:900}
.experience-gate,.experience-note,.experience-empty{border:1px solid var(--ex-line);border-radius:19px;background:var(--ex-panel);padding:24px;color:#c7d6e9;line-height:1.6}
.experience-gate h2{color:#fff;margin:0 0 12px}
.experience-toolbar{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.experience-search{flex:1;display:flex;align-items:center;gap:10px;background:#101d32;border:1px solid var(--ex-line);border-radius:15px;padding:13px 16px;min-width:250px}
.experience-search input{flex:1;border:0;background:none;outline:none;color:white;min-width:0}
.experience-primary,.experience-tabs button{cursor:pointer;border:1px solid #45668d;border-radius:13px;background:#142440;color:#ecf4ff;padding:12px 16px}
.experience-primary,.experience-tabs button.selected{background:linear-gradient(125deg,#1e72d4,#244795);color:white;border-color:#6a9bde}
.experience-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 20px}
.experience-tabs button{font-size:13px;border-radius:999px;padding:10px 15px}
.experience-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 18px;color:var(--ex-muted);font-size:13px}
.experience-meta strong{color:#fff}
.experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.experience-card{min-width:0;background:linear-gradient(140deg,#14233b,#0e192b);border:1px solid var(--ex-line);border-radius:17px;overflow:hidden;display:flex;flex-direction:column}
.experience-card-media{display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(120deg,#133875,#05162b);text-decoration:none;color:#aad4ff;font-weight:900}
.experience-card-media img{width:100%;height:100%;object-fit:cover}
.experience-card-body{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1}
.experience-card-body>small{color:#98c8ff;font-size:11px;text-transform:uppercase}
.experience-card-body h3{font-size:19px;line-height:1.2;margin:0;overflow-wrap:anywhere}
.experience-card-body p{font-size:13px;color:var(--ex-muted);line-height:1.5;margin:0;flex:1}
.experience-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}
.experience-link{background:#2467c8;color:white;padding:9px 12px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}
.experience-share{cursor:pointer;font-size:12px;background:none;border:0;color:#9ac4fc;padding:9px 2px}
.experience-empty{grid-column:1/-1}
.experience-note{margin-top:25px;font-size:13px;color:#abbcd5}
.experience-note strong{color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experience-page :is(a,button,input):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@media(max-width:1000px){.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-nav div span{display:none}}
@media(max-width:480px){.experience-grid{grid-template-columns:1fr}.experience-nav{padding:15px}.experience-shell{width:calc(100% - 24px)}.experience-toolbar>*{width:100%}}

.experience-tv{cursor:pointer;border:1px solid #4b668e;border-radius:13px;background:#152443;color:#fff;padding:12px 16px}.experience-tv[aria-pressed=true]{background:#1b4d91;border-color:#9bc8fc}.experience-page.experience-tv-mode .experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.experience-page.experience-tv-mode .experience-card{border-width:2px}.experience-page.experience-tv-mode .experience-card h3{font-size:23px}.experience-page.experience-tv-mode .experience-card:focus-within{outline:4px solid #93c5fd;outline-offset:3px}@media(max-width:900px){.experience-page.experience-tv-mode .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.experience-page.experience-tv-mode .experience-grid{grid-template-columns:1fr}}

.experience-sort{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:13px;border:1px solid var(--ex-line);background:#101d32;font-size:12px;color:#d8eaff}
.experience-sort select{border:0;background:#101d32;color:white;font:inherit;padding:6px;max-width:180px}
.experience-more{margin:25px auto 0;display:block;padding:12px 22px;border-radius:12px;background:#153c78;color:white;border:1px solid #6594ce;cursor:pointer}
.experience-more[hidden]{display:none}
@media(max-width:480px){.experience-sort select{max-width:100%}}

.experience-archive-filter{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#101d32;border:1px solid var(--ex-line);border-radius:14px;padding:12px 15px;margin-bottom:18px;color:#b3c9e6;font-size:13px}
.experience-archive-filter label{display:flex;gap:10px;align-items:center;font-weight:bold}
.experience-archive-filter select{color:white;background:#0d1729;border:1px solid #486893;padding:8px 10px;border-radius:10px;font:inherit}
.experience-archive-filter[hidden]{display:none}
.experience-manager-panel{border:1px solid #355475;background:#0c182c;border-radius:18px;padding:20px;margin:18px 0}
.experience-manager-panel h2{font-size:22px;margin:0 0 12px}
.experience-manager-panel select,.experience-manager-panel input{width:100%;padding:11px;border:1px solid #42688d;border-radius:10px;background:#081425;color:#f0f7ff;font:inherit}
.experience-manager-panel label{display:grid;gap:7px;font-size:13px;color:#c4d4e9;flex:1;min-width:170px}
.experience-manager-fields{display:flex;flex-wrap:wrap;gap:15px;margin:16px 0}
.experience-manager-panel button{background:#245eaf;border:1px solid #6ca2e8;border-radius:10px;color:#fff;font:inherit;padding:10px 14px;cursor:pointer}
.experience-manager-panel button.experience-danger{background:#6c2032;border-color:#a34960}
.experience-manager-list{list-style:none;padding:0;display:grid;gap:10px}
.experience-manager-list li{padding:10px 12px;border:1px solid #314c71;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.experience-manager-list li span{flex:1}
.experience-manager-panel [type="checkbox"]{width:18px;height:18px}
.experience-manager-status{color:#95c9ff;font-size:13px}
