/* Family Watch cinematic skin. Loaded last to isolate it from storefront themes. */
body.family-watch-page{--fw-bg:#06080d;--fw-panel:#10151e;--fw-panel-2:#151c27;--fw-line:#283241;--fw-text:#f7f3eb;--fw-muted:#aab4c2;--fw-gold:#ffbd59;--fw-red:#e95549;background:radial-gradient(ellipse at 50% -8%,#392018 0,#15121a 24%,#080b11 57%,#05070b 100%) fixed!important;color:var(--fw-text)!important;min-height:100vh}
body.family-watch-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0008 0,transparent 18%,transparent 82%,#0008 100%),radial-gradient(circle at 50% 12%,#ff9f4322,transparent 28%)}
.family-watch-page .cinema-main{max-width:1280px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:clamp(14px,2.5vw,30px)!important;color:var(--fw-text)!important}
.family-watch-page .cinema-nav{border:1px solid #ffffff12;background:#0a0e15d9;backdrop-filter:blur(16px);border-radius:18px;padding:13px 18px;margin-bottom:22px;box-shadow:0 18px 50px #0005;color:#e8edf4!important}
.family-watch-page .cinema-nav a{color:#d7dee8!important}.family-watch-page .cinema-nav a:hover{color:#fff!important}
.family-watch-page .cinema-logo{font-weight:850;color:#fff!important}.family-watch-page .cinema-logo>span{background:linear-gradient(145deg,#ff7a3d,#db342c);box-shadow:0 8px 22px #e84b3844}
.family-home{max-width:780px}.family-brand{position:relative;margin:10px 0 28px;padding:44px 20px 40px;border-radius:28px;background:linear-gradient(145deg,#151b25e8,#090d14e8);border:1px solid #ffffff13;box-shadow:0 28px 80px #0007;overflow:hidden}
.family-brand::before{content:"";position:absolute;inset:-70% 10% auto;height:230px;background:#ff984838;filter:blur(65px);pointer-events:none}
.family-logo{position:relative;font-size:clamp(42px,8vw,66px);letter-spacing:-2px;text-shadow:0 4px 22px #000}.family-logo span{color:#ffbd59!important;background:linear-gradient(180deg,#ffe2a8,#f6a83e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #4d2600)}
.family-logo i{font-size:.75em;filter:drop-shadow(0 10px 24px #ff994766)}.family-brand p{position:relative;color:#c5ceda!important;font-size:clamp(15px,3.5vw,19px);margin:15px 0 0}
.family-home-grid{gap:15px}.family-tile{border:1px solid #ffffff18;box-shadow:inset 0 1px #ffffff20,0 20px 45px #0005}.family-create{background:linear-gradient(135deg,#e45332,#b9272e)}.family-store{background:linear-gradient(135deg,#34245e,#5b2d84)}.family-support{background:linear-gradient(135deg,#154d49,#177065)}.family-account{background:linear-gradient(135deg,#263241,#19222e)}.family-learn{background:linear-gradient(135deg,#263341,#151d29)}
.family-guide{background:#0c1119e6;border-color:#ffffff15;color:#bec8d5}
/* Lobby resembles a theatre: title controls above, screen is the main visual. */
.family-room{grid-template-columns:minmax(0,1fr) 245px;gap:16px;position:relative}
.family-room::before{content:"";position:absolute;z-index:-1;inset:150px 5% auto;height:55vw;max-height:560px;background:radial-gradient(ellipse,#e8492d16,transparent 67%);filter:blur(25px)}
.family-room-bar{background:linear-gradient(135deg,#171d27f2,#0c1119f2);border-color:#ffffff14;box-shadow:0 20px 60px #0006;padding:20px 22px}
.family-room-bar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.family-room-bar h1{font-size:clamp(25px,4vw,35px);color:#fff}.family-room-bar h1::before{content:"";width:5px;height:34px;border-radius:4px;background:linear-gradient(#ffcf73,#e44c32);box-shadow:0 0 20px #ff7b3d66}.family-room-bar>div>small{color:#ffca79}
.family-room-actions{grid-template-columns:repeat(4,minmax(120px,1fr)) auto}.family-room-actions button{background:#151e2b;border-color:#344154;color:#e8edf5}.family-room-actions [data-family-link-open]{background:linear-gradient(135deg,#ffca6d,#e7982f);border-color:#ffc463;color:#291908;box-shadow:0 8px 22px #e6a13b22}.family-room-actions [data-family-link-open]:hover{background:#ffd98b}.family-room-actions button.danger{background:#28161b;color:#ffaaa2;border-color:#5e2c31}
.family-voice-panel{background:#0b111aee;border-color:#ffffff12;padding:14px 18px}.family-live-dot{background:#ef6355;box-shadow:0 0 0 5px #ef63551c,0 0 14px #ef6355}.family-voice-panel b{color:#fff}.family-voice-panel p{color:#a9b4c3}
.family-stage{position:relative;border:1px solid #4b5666;border-radius:12px;background:#000;box-shadow:0 0 0 7px #111821,0 0 0 8px #303846,0 30px 90px #000c,0 0 80px #e14d2515;overflow:visible;margin:9px 9px 22px}
.family-stage::before{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:32px;background:linear-gradient(to bottom,#ff9a4635,transparent);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);filter:blur(6px);pointer-events:none}
.family-stage video,.family-empty-player{border-radius:10px;overflow:hidden;background:#010205}.family-empty-player{background:radial-gradient(ellipse at center,#171c27,#030508 72%);color:#b7c0cd}.family-empty-player span{color:#ffc96f;border-color:#70543b;background:#ffb5450d;box-shadow:0 0 45px #f6a43a18}
.family-sync-status{background:#090e15;color:#aeb9c7;border-color:#232d3a;border-radius:0 0 10px 10px}.family-sync-status::before{content:"●";color:#5ee0a0;margin-left:7px;font-size:9px}
.family-members{background:linear-gradient(180deg,#121923,#0b1018);border-color:#ffffff12;box-shadow:0 20px 55px #0005}.family-members h2{color:#fff}.family-member>span{background:linear-gradient(145deg,#513727,#261e1b);color:#ffd18b;border-color:#755538}
.family-dialog{background:#101620;border-color:#4a576a}.family-dialog input{background:#05080d}.family-dialog button[type=submit],.family-invite-copy button{background:linear-gradient(135deg,#ffca6d,#e7982f);border-color:#ffc463;color:#291908}
@media(max-width:900px){.family-room{grid-template-columns:1fr}.family-room-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.family-stage{grid-column:1/-1;order:3}.family-members{order:4}.family-voice-panel{order:2}.family-room-bar{order:1}}
@media(max-width:600px){body.family-watch-page{background:radial-gradient(ellipse at 50% 0,#2b1714,#090b10 38%,#05070a 100%) fixed!important}.family-watch-page .cinema-main{padding:10px!important}.family-watch-page .cinema-nav{padding:12px 13px;border-radius:15px;margin-bottom:16px}.family-watch-page .cinema-nav>div{gap:15px}.family-brand{padding:38px 14px 33px;border-radius:22px}.family-home-grid{gap:12px}.family-tile{border-radius:22px}.family-room{gap:12px}.family-room-bar>div:first-child{align-items:flex-start;flex-direction:column}.family-room-actions{grid-template-columns:1fr 1fr}.family-stage{margin:7px 7px 18px;border-radius:9px;box-shadow:0 0 0 5px #111821,0 0 0 6px #303846,0 24px 60px #000b}.family-stage video,.family-empty-player{border-radius:7px}.family-voice-panel{padding:14px}.family-members{border-radius:16px}}